.header {width: 100%;margin: 0px auto;display: flex; flex-wrap: wrap; box-sizing: border-box;position: relative;}
.bloc-header{width:50%;height: 100%;text-align: center;min-height: 700px;background-color: #f8e7d7;}
.bloc-header:first-child{background-position: center center;background-size: cover; background-repeat: no-repeat;opacity: 0; animation: fadeIn 1.2s ease forwards;background-color: #f8e7d7;}
.header .poussette:first-child{background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/landing/pro/img/pro-selection-poussette.jpg);}
.header .siegeauto:first-child {background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/landing/pro/img/pro-selection-siegeauto.jpg);}
.header .alimentation:first-child{background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/landing/pro/img/pro-selection-alimentation.jpg);}
.header .chambre:first-child{background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/landing/pro/img/pro-selection-chambre.jpg);}
.header .peluche:first-child{background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/landing/pro/img/pro-selection-peluche.jpg);}
.header .jouet:first-child{background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/landing/pro/img/pro-selection-jouet.jpg);}
.header .toilette:first-child{background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/landing/pro/img/pro-selection-toilette.jpg);}
.header .securite:first-child{background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/landing/pro/img/pro-selection-securite.jpg);}
.bloc-header:nth-child(2){right: 0;top: 0;align-items: center;vertical-align: middle;display: flex;}
.bloc-header .logo-pro{width:240px;height:128px;display: block;background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/landing/pro/img/logo-adb-pro.png); background-size: contain;z-index: 1; margin: 0 auto 3%;}
.bloc-header-txt{display: block;margin:auto;width: 70%; text-align: center;}
.bloc-header-txt:hover{text-decoration: none;}
.bloc-header-txt .cc-little{text-transform: uppercase;letter-spacing: 1em;padding: 0 0 1em 0;}
.bloc-header-txt .cc-big{font-size:100px;line-height: 1;font-weight: 800; font-style: normal;display: block;padding: 0 0 0.4em 0;}

.introduction {margin: 0 10%; padding: 10px 0;text-align: center; }
.introduction span {max-width: 1000px;margin: 0 auto;font-size: 18px;line-height: 30px;margin-bottom: 10px;display: block;}
.introduction span.mea {font-weight: 700;}

.navigation{width:100%;padding: 0;}
.nav-ancre {max-width: 1840px;height:auto;margin:0px auto;padding:3% 0;}
.nav-ancre .lien-raccourci {display: flex;}
.nav-ancre .lien-raccourci ul{list-style:none;margin:0 auto;padding:0;height:auto;width:auto;text-align:center; display: flex;overflow-x: auto; overflow-y: hidden; gap:20px; align-content: flex-start; flex-wrap: wrap; justify-content: center;}
.nav-ancre .lien-raccourci ul li{margin: 5px; padding: 15px 0; position: relative; display: inline-block; }
.nav-ancre .lien-raccourci ul li.type-menu{font-size:13px;color:#444;width:auto;text-align:center;margin:0;padding: 20px 20px 0; text-transform: uppercase; letter-spacing: 3px;}
.nav-ancre .menu-raccourci{font-size:15px;color:#444; font-weight: 700; background-color:#f8e7d7;width:auto;text-align:center;margin:0;border-radius:30px; padding: 16px 28px 18px;text-decoration:none;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out;}
.nav-ancre .menu-raccourci:hover{background-color: #fff3e8;}
.nav-ancre .active{background-color: #599ab8;color:white;}
.nav-ancre .active:hover{background-color: #599ab8;color:white;}
.menu-bas{max-width:1440px;height:auto;margin:0 auto;padding: 0 0 40px; }

#contenu-page{width:100%;margin: 0 auto;}
.bloc-produit{height:auto;padding:100px 0 0;margin:auto;}
.bloc{margin:0; padding:0;display:block;position:relative;}

.bleu{color:#599ab8;}
.orange{color:#f75313;}

.pro-devis {background-color: #f8e7d7;display: flex;align-items: center;}
.pro-devis .devis--left {width: 40%; min-height: 680px; height: 100%;}
.pro-devis .devis--right {width: 60%; min-height: 680px; height: 100%;}
.pro-devis .devis--left{background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/landing/pro/img/adb-equipe-achats.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
.pro-devis .button-pro {min-width: 320px;display: inline-block;border-radius: 40px;font-size: 18px;font-weight: 700;line-height: 24px;padding: 16px 30px 18px;cursor: pointer;text-decoration: none;text-align: center;width: auto;background-color: #f75313;border: 2px solid #f75313;color: #fff;margin: auto;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out;}
.pro-devis .button-pro:hover {background-color: transparent;color: #f75313;border: 2px solid #f75313;}
.pro-devis .devis--right {text-align: center;align-items: center;vertical-align: middle;display: flex;}
.pro-devis .devis--right .devis--conteneur {display: flex; margin: auto;width: 75%;text-align: center; flex-direction: column;}
.devis--title {font-size: 60px;font-weight: 900;line-height: 64px;color: #599ab8;text-align: center; max-width: 640px;letter-spacing: 1.2px;margin: 0 auto; }
.devis--subtitle {font-size: 24px;line-height: 32px;color: #444; width: 75%;text-align: center; margin: 40px auto 60px; }

.texte-centre {padding: 40px 0 30px;display: inline-block;text-align: center;height: auto;width:994px;}
.outro{width:100%;margin: 0 auto; background-color: #fff;padding: 3.75em 0;}
.texte-seo {max-width: 1440px;margin: 2% auto; text-align: center;}
.texte-seo span{font-size: 13px;color: #aaa;line-height: 20px;}

@media screen and (max-width: 2100px) {
	.bloc-header-txt .cc-big {overflow-wrap: break-word;}
}

@media screen and (max-width: 1800px) {
	.bloc-header{min-height: 500px;}
}

@media screen and (max-width: 1500px) {
	.bloc-cc {min-height: 500px;}
	.lien-cc{margin:auto;width: 75%;}
	.lien-cc .cc-big{font-size:64px;line-height: 68px;}
	.bloc-produit{max-width:1120px;}
	.devis--title {font-size: 60px;line-height: 70px;}
	.devis--subtitle {width: 90%;}
}

@media screen and (max-width: 1400px) {
	.bloc-header{min-height: 400px;}
	.bloc-header .cc-titre{width:421px;height:150px;top: 5%;}
	.bloc-header-txt .cc-big{font-size:80px;}
	.devis--subtitle {width: 100%;}
}

@media screen and (max-width: 1200px) {
	.bloc-header{width:100%;}
	.bloc-header:first-child{display: none;}
	.bloc-header:nth-child(2){min-height: 380px;}
	.bloc-header .logo-pro{width:120px;height:64px;}
	.bloc-header-txt .cc-big {padding:0 0 0.2em 0;}
	.bloc-header-img {width: auto; min-height: 600px;margin: 5% auto;display: flex;}
	.bloc-header-txt {width: 86%;}
	.bloc-produit{max-width:994px;padding:80px 0 0;}
	.nav-ancre .lien-raccourci ul li.type-menu{width: 100%;margin: 0 0 20px 0;}
	.devis--title {font-size: 54px;line-height: 60px;}
	.devis--subtitle {font-size: 22px;line-height: 30px;margin: 30px auto 40px; }
}

@media screen and (max-width: 1024px) {
	.bloc-header-txt .cc-big {font-size: 56px; }
	.bloc-header:nth-child(2){min-height: 280px;}
	.bloc-produit{max-width:100%;padding:60px 0 0;}
	.nav-ancre .menu-raccourci{font-size:13px;line-height: 24px;padding: 12px 20px 14px;}
	.bloc-header .cc-titre{top: 6%;}
	.nav-ancre .lien-raccourci ul{gap:6px 14px;}
	.introduction span {font-size: 14px;line-height: 24px;}
	.pro-devis {flex-flow: column;}
	.pro-devis .devis--left, .pro-devis .devis--right {width: 100%;}
	.pro-devis .devis--left {min-height: 400px;}
 	.pro-devis .devis--right {min-height: 380px;}
	.pro-devis .devis--right .devis--conteneur {width: 90%;padding: 10% 0;}
	.devis--title {width: 80%;}
	.devis--subtitle {font-size: 20px;line-height: 28px;margin: 20px auto 30px; }
}

 @media screen and (max-width: 991.98px) {
	 .devis--title {font-size: 42px;line-height: 50px;margin: 0 auto;}
	 .devis--subtitle {font-size: 18px;margin: 30px auto 20px;}
	 .pro-devis .button-pro {min-width: 280px;}
}

@media screen and (max-width: 876px) {
	.bloc-header-txt .cc-big {font-size: 72px;}
	.bloc-header .cc-titre{width:320px;height:114px;}
	.bloc-produit {padding:40px 0 0;}
	.nav-ancre .lien-raccourci ul{gap:6px;padding: 0 5%;}
	.nav-ancre .lien-raccourci ul li {margin: 0;}
}

@media screen and (max-width: 768px) {
	.menu-bas{padding: 0; }
	.devis--subtitle { margin: 30px auto 20px;}
}

@media screen and (max-width: 568px) {
	.bloc-header-txt .cc-big {font-size: 42px;}
	.bloc-header .cc-titre{width:280px;height:100px;top: 5%;left: calc(50% - 140px);}
	.bloc-header:nth-child(2){min-height: 260px;}
	.bloc-header:first-child{min-height: 540px;}
	.devis--title {font-size: 36px;line-height: 40px;}
	.devis--subtitle {font-size: 16px;line-height: 24px;}
	.pro-devis .devis--left {min-height: 350px;}
}

@keyframes fadeIn {
  from {
    opacity: 0;                /* totalement transparent */
  }
  to {
    opacity: 1;                /* totalement opaque */
  }
}