/*
Theme Name: Planet Monetic Child 2026
Description: Theme enfant pour Planet Monetic 2026
Author: Alix&Co
Author URI: https://www.alix-co.fr
Template: monetic_alixco_2026
Version: 0.2.1
*/

#tarteaucitronRoot {
	z-index:99999;
}
#tarteaucitronRoot .tarteaucitronDeny,#tarteaucitronRoot .tarteaucitronAllow,#tarteaucitronCloseAlert {
	background:#06b2ba !important;
	color:#fff !important;
}
#tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow, #tarteaucitronCloseAlert {
	background-color:#0074b7 !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig {
	background-color:rgba(255,255,255,0.8) !important;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
	color:#0074b7 !important;
}

body {
	overflow-x:hidden;
}

.produit-template-template-produit .accroche {
	min-height:715px !important;
}

@media all and (max-width:768px) {
	.image-accroche-produit {
		position:relative;
		left:0;
		right:0;
		margin:auto;
	}
	.flexible .temoignage .content-temoignage,.flexible .carousel-modele-2 .content-carousel {
		padding: 44px 0 0;
	}
	.flexible .carousel-modele-2 .content-carousel .owl-dots {
		text-align:center;
	}
	.flexible .carousel-modele-2 .content-carousel .owl-dots span {
		display:block;
		width:10px;
		height:10px;
		background-color:#fff;
		border:1px solid #0074b7;
		border-radius:50%;
		margin:0 5px;
	}
	.flexible .carousel-modele-2 .content-carousel .owl-dots button.active span {
		background-color:#0074b7;
	}
	.flexible .temoignage .item-carousel {
		padding: 71px 20px;
	}
	.flexible .temoignage .owl-nav {
		display:flex;
		justify-content:center;
	}
	.flexible .temoignage .owl-nav button {
		position:relative;
		top:0 !important;
		left:0 !important;
	}	
}
.image-accroche-produit {
	width:auto;
}
@media all and (max-width:500px) {
	header {
		display:flex;
		flex-direction:column;
	}
	.header-top {
		order:1;
	}
	.header-top .d-flex,.header-top .menu-top-bar {
		width:100% !important;
	}
	.menu-top-bar {
		display:flex;
		flex-direction:column;		
	}
	.menu-top-bar a {
		margin-bottom:10px !important;
	}
	#menu-menu-principal >li >a {
		display:block;
		padding-bottom: 0 !important;
	}
	#pied-de-page,#menu-menu-bas-de-page {
		display:flex;
		flex-direction:column;
	}
	#pied-de-page >div {
		margin-bottom:15px;
	}
	#menu-menu-bas-de-page li{	
		margin-bottom:15px;		
	}
	#menu-menu-bas-de-page li:after {
		display:none !important;
	}
	#credits {
		margin-left:0 !important;
	}
	#zone-3-home .bloc-para {
		padding-top:30px;
	}
	#zone-3-home .container > .row >.col-xl-8 {
		padding:20px 0 !important;
	}
	#zone-3-home .the-bloc-mea {
		padding:30px 10px !important;
	}
	#zone-3-home .blocs-mea > .row > div {
		top:0 !important;
	}
	#zone-3-home .the-bloc-mea-empty {
		display:none;
	}
	#zone-5-home .bloc-para {
		padding-top:30px;
	}
	#zone-4-home {
		padding:30px;
	}
	.titre-h2-home {
		line-height:2rem;
	}
	#zone-6-home {
		padding:15px;
	}
	#zone-7-home {
		padding:15px; 
	}
	.bloc-last-actu .bloc-content-last-actu {
		padding:15px;
	}
	#zone-8-home {
		margin-bottom:0;
	}
	#zone-8-home .last-actus-list {
		padding-bottom:30px;
	}
	#zone-8-home .last-actus-list .the-actu  {
		padding:50px 15px;
	}
	
	#zone-8-home .more-actu {
		margin-left:0 !important;
	}
	.space-bottom {
		height:50px;
	}
	#footer-top {
		transform:none;
		padding-top: 15px;
	}
	.image-accroche-produit {
		margin:0;
	}
	.flexible .titre-zone h1, .flexible .titre-zone h2, .flexible .titre-zone h3, .flexible .titre-zone h4, .flexible .titre-zone h5, .flexible .titre-zone h6 {
		line-height:2rem;
	}
	.container-mea-produit .content-bloc-mea {
		margin:auto;
	}
	.flexible .zone-mea .bloc-mea {
		height:auto;
	}
	.flexible .zone-mea .bloc-mea:before {
		height:100%;
	}
	.flexible .zone-mea .bloc-mea .bloc-content-mea {
		position:relative;
	}


}



/* ------------------CONFIGURATEUR------------------ */
/* ******** MODIFICATION STYLE CONFIGURATEUR STEEVE ************ */

#fluentform_3 .left-content .img-presentation {
    margin: 0 auto;
    position: relative;
    width: 250px;
}

.imgAbsolute {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff !important;
    box-sizing: content-box !important;
}

.mixBlendMode {
    mix-blend-mode: multiply;
}

#fluentform_3  .col-sm-6.last_col p {
    line-height: 1.2em;
}

#fluentform_3  .col-sm-6.last_col input {
    display: none;
}

#fluentform_3  .col-sm-6.last_col .choixRal input {
    display: block;
}

#fluentform_3  .w-33 {
    width: 33% !important;
}

#fluentform_3  .etiquette {
    font-weight: 500;
    font-size: 22px;
    padding-bottom: 20px;
}

#fluentform_3  label {
    width: 178px;
    height: 178px;
    border: 1px solid #cac9c9;
    border-radius: 10px;
    transition: all 0.3s;
    text-align: center;
    position: relative;
    cursor: pointer;
}

#fluentform_3   label:hover {
    box-shadow: 0 0 7px 1px #2081BE;
    border: 1px solid #2081BE;
}

#fluentform_3  .etapeProcesseur label {
    width: 280px;
}

#fluentform_3  label .blocTitre {
    display: block;
    font-weight: 400;
    color: #969696;
    font-size: 22px;
    justify-self: flex-end;
    padding: 20px 5px;
}

#fluentform_3   label svg {
    width: 50%;
    fill: #969696;
}

#fluentform_3  label .svgReduit {
    height: 75px;
}

#fluentform_3  label[for="terminalContact"] svg {
    height: 55px !important;
}

#fluentform_3  .choixRal input {
    display: block;
    width: 100%;
    height: 60px;
    -webkit-appearance: none;
    background: none;
    border: 1px solid #cac9c9;
    border-radius: 10px;
    padding: 15px 20px;
    color: #9c9c9c;
    font-size: 22px;
    outline: none;
    transition: all 0.3s;
}

#fluentform_3  .choixRal input:hover {
    box-shadow: 0 0 7px 1px #2081BE;
    border: 1px solid #2081BE;
}

#fluentform_3  label.check {
    border: 3px solid #1f81be!important;
    color: #1f81be!important;
}

#fluentform_3  label.check svg {
    fill: #1f81be;
}

#fluentform_3  label.check .blocTitre {
    color: #1f81be;
}

#fluentform_3  label svg .cls-2 {
    fill: #efefef;
}

#fluentform_3  .etapeVisuel label {
    width: 280px;
    height: 60px;
    color: #969696;
    font-size: 20px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    display: flex;
}

#fluentform_3  .single {
    background: #99cc67;
}

#fluentform_3  .last_row .form-group {
    margin: 0 80px 28px;
}

#btn-devis {
    text-align: center;
    background: #99cc67;
    color: #fff;
    font-size: 36px;
    padding: 64px 15px;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
    letter-spacing: 0;
    transition: all 0.3s;
}

#fluentform_3  .last_row .form-control {
    width: 100%;
    border: 2px solid #CFCFCF;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 22px;
    resize: none;
    outline: none;
    transition: all 0.3s;
    color: #959595;
    height: auto;
}

#fluentform_3  .validation {
    width: 16.66%;
    margin: auto !important;
}

#fluentform_3  .validation input {
    background: #2081BE;
    color: #fff;
    min-width: 200px;
    padding: 15px 20px;
    border: 2px solid #2081BE;
    border-radius: 5px;
    outline: none;
    text-transform: uppercase;
    font-size: 22px;
    transition: all 0.3s;
    margin: 30px 0;
}

#fluentform_3  .validation input:hover {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0 7px 1px #fff;
    color: #99CC66;
}

#fluentform_3 form > .row {
    position: relative;
}

#fluentform_3 form > .row:not(.first_row):before {
    content: '';
    display: block;
    width: 1000%;
    height: 100%;
    background: #99cc67;
    position: absolute;
    left: -100%;
    top: 0;
}

.guide {
    margin: 0 auto;
    padding: 50px;
    width: 100%;
}

.guide.original {
    width: 100%;
}

.guide.clone.bottom {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.guide.clone.transitif {
    visibility: hidden;
    position: fixed;
    z-index: 1;
    box-sizing: content-box;
}

.guide.JELEVOIS {
    visibility: visible!important;
}

.guide.JELEVOISPAS {
    visibility: hidden!important;
}

#choixRAL.erreur {
    box-shadow: 0 0 7px 1px red;
}

/* ********* FIN DE MODIFICATION ************** */

#fluentform_3 .ff-t-cell {
    position:relative;
}
#fluentform_3  .container-config .ff-el-form-check {
    padding: 10px;
}
#fluentform_3  .container-config label.ff-el-form-check-label {
    height:auto;
    border:none !important;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    background-size:50%;
}
#fluentform_3  .container-config label {
    background-size:50%;
}
#fluentform_3  .container-config .svgReduit label {
    background-size:auto 100px;
}
#fluentform_3  .container-config .svgReduit .ff_el_checkable_photo_holders {
    display:flex;
}
#fluentform_3  .container-config .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder {
    border:none !important;
}
#fluentform_3  .container-config .ff-el-form-check-label {
    border:none !important;
    width:100%;
}
#fluentform_3  .container-config .processeur .ff-el-form-check,
#fluentform_3  .container-config .etapeVisuel .ff-el-form-check {
    width:50% !important;
}
#fluentform_3  .container-config .processeur .ff-el-form-check label,
#fluentform_3  .container-config .etapeVisuel .ff-el-form-check span{
    width:100%;
}
#fluentform_3  .container-config  .ff-el-group.ff_list_buttons .ff-el-form-check label>span {
    display: block !important;
    font-weight: 400 !important;
    color: #969696 !important;
    font-size: 18px !important;
    justify-self: flex-end !important;
    padding: 20px 5px !important;
    /*border-left:1px solid #dcdfe6 !important;*/
}
#fluentform_3  .container-config  .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {
    color:#fff !important;
}
#fluentform_3  .container-config .etiquette {
    padding-bottom:0;
}
#fluentform_3  .fluentform .open-form,
#fluentform_3  .fluentform .container-form,
#fluentform_3  .fluentform .container-form > div{
    position:relative;
    margin-bottom:0 !important;
}
#fluentform_3  .fluentform .open-form:before,
#fluentform_3  .fluentform .container-form:before{
    content: '';
    display: block;
    width: 1000%;
    height: 100%;
    background: #99cc67;
    position: absolute;
    left: -100%;
    top: 0
}
#fluentform_3  .fluentform .validation {
    position:relative;
}
#fluentform_3  .fluentform .validation:before{
    content: '';
    display: block;
    width: 1000%;
    height: 100%;
    background: #99cc67;
    position: absolute;
    right: 0;
    top: 0
}
#fluentform_3  .fluentform .validation:after{
    content: '';
    display: block;
    width: 1000%;
    height: 100%;
    background: #99cc67;
    position: absolute;
    left: 0;
    top: 0
}
#fluentform_3  .validation button {
    position:relative;
    background: #2081BE;
    color: #fff;
    min-width: 200px;
    padding: 15px 20px;
    border: 2px solid #2081BE;
    border-radius: 5px;
    outline: none;
    text-transform: uppercase;
    font-size: 22px;
    transition: all 0.3s;
    margin: 30px 0;
    z-index:1;
}
#fluentform_3  .fluentform .container-form input {
    width: 100%;
    border: 2px solid #CFCFCF;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 22px;
    resize: none;
    outline: none;
    transition: all 0.3s;
    color: #959595;
    height: auto
}
#fluentform_3  .fluentform .container-form input[name="phone"] {
    padding-left:60px;
}