/*-------------------------------------------------------------------------------------------*/

#fiche-produit {
	margin-top: 2em;
}
#fiche-produit h1 {
	visibility: visible;
    color: #ba5319 !important;
    font-weight: bold !important;
    font-size: 2.2rem !important;
}
#fiche-produit .fil-ariane a{
	color: var(--color_content_text) ;
	text-decoration: underline;
}
#details-produit{
	display: flex;
	flex-wrap: wrap;
}
#details-produit .entry-media{
	flex-basis: 100%;
	margin-bottom: 0em;
}



#details-produit .entry-media .picbois-item-search > a{
	text-align: center;
	background-color: #5b848424;
	background-color: #efefef;
}
#details-produit .entry-media a img{
	max-height: 510px;
}

#details-produit .entry-texte{
	flex-basis: 100%;
	padding: 0;
}

@media only screen and (min-width: 768px) {
	#details-produit .entry-media{
		flex-basis: 50%;
		margin-bottom: 1em;
	}
	#details-produit .entry-texte{
		flex-basis: 50%;
		padding: 0 0 0 3em;
	}

}


#details-produit .entry-texte .caracteristiques-photo{
	margin-top: 2em;
}
#details-produit .entry-texte .caracteristiques-photo .caracteristique-photo{
	margin-left: 1em;
	color: #BA5319;
}
#details-produit .entry-texte .caracteristiques-photo .caracteristique-photo:not(:first-child){
	margin-top: 0em;
}
#details-produit .entry-texte .caracteristiques-photo .caracteristique-photo > div{
	margin-left: 1em;
	color: var(--color_content_text);
}
#fiche-produit .entry-content {
	margin-top: 2em;

}
#fiche-produit .entry-content .link-more{
	margin-left: 1em;
}
#fiche-produit .entry-content .link-more a{
	font-weight: 400;
	text-decoration: underline;
}


/*-------------------------------------------------------------------------------------------*/


.description-liste-item  {
	display: flex;
	flex-wrap: wrap;
	margin: 10% 0 10% 0;
	/*
	text-align: justify;
	padding: 10px;
	min-height: 200px;
	*/
}
.description-liste-item .description  {
	flex-basis: 100%;
	margin-bottom: 10%;
}
.description-liste-item	.lien  {
	flex-basis: 50%;
	text-align: center;
}
.description-liste-item	.lien p  {
	font-size: 14px !important;
}


@media only screen and (min-width: 1024px) {
	.description-liste-item  {
	margin: 60px 0 60px 0;
		
	}
	.description-liste-item .description  {
		flex-basis: 70%;
		margin-bottom: 1%;
	}
	.description-liste-item	.lien  {
		flex-basis: 15%;
		text-align: center;
	}
}

.description-liste-item	.lien a  {
	display: block;
	color: #327172 !important;
	line-height: 1.3em;
}
.description-liste-item	.lien p  {
	margin-top: 5px;

}

.picbois-liste-item{
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-evenly;*/
	justify-content: center;
	justify-content: space-around;
	margin-top: 2em;
}



@media only screen and (min-width: 45em) {
	.picbois-liste-item{
		/*justify-content: space-between;*/
		justify-content: space-around;
	}
}


.picbois-item{
	position: relative;
	margin-bottom: 4rem;
	/*box-shadow: 8px 8px 12px #aaaaaa;*/
	/*336666*/
	/*	box-shadow: 12px 12px 4px #33666696,-12px -12px 4px #33666696;
*/
	box-shadow: 8px 8px 12px #aaaaaa;
	border: 1px solid #aaaaaa;
														min-height: 200px;
														
														/*	Version Horizontale														    
															display: flex;
															flex-wrap: wrap;
														*/
}

.picbois-item-categorie,
.picbois-item-photo{
	flex-basis: 22%;
	min-width: 300px;
}


.picbois-item-photo-hidden{
	display: none;
}
.picbois-item-photo-block{
	display: block;
}

#filtres_contenu_page .div-contenu .filtre_contenu a.active:focus,
#filtres_contenu_page .div-contenu .filtre_contenu a
 {
    outline: none !important;;
	/*color: red !important;*/
}
#filtres_contenu_page .div-contenu .filtre_contenu.active{
	background-color: #ba5319 !important;
}


#ajax-wait{
	width: 100%;
	min-height: 300px;
}
#ajax-wait img{
	display: block;
	margin: auto;
}




.picbois-item-typeproduit{
	flex-basis: 45%;
	min-width: 450px;
	min-height: 200px;
														/*	Version Horizontale														    
															flex-basis: 100%;
														*/
}

.picbois-item-devis{
	width: 170px;
	height: auto;
	margin: 0 1% 5% 1%;
	/*
	flex-basis: 15%;
	min-height: 200px;
	*/
}

.picbois-item-search{
	width: auto;
	height: auto;
	margin: 0;
	position: relative;
}


.picbois-item h2{
	padding: 0.50em;
    font-size: 1.10em;
    font-weight: 600;
	/*background-color: #008b45;*/
	background-color: #327172;
	color: #ffffff;
	text-transform: uppercase;
}
.picbois-item div, .picbois-item-search div{
	text-align: center;
														/*	Version Horizontale														    
															flex-basis: 100%;
															order: 1;
														*/
}
.picbois-item div.photo-alaune{
														/*	Version Horizontale														    
															flex-basis: 50%;
															order: 2;
														*/
}
.picbois-item img{
	object-fit: cover;
	width: 100%;
	height: 250px;
}
.picbois-item img.zoom-produit{
	width: 30px;
	height: 30px;
}


.picbois-item  .description  {
														/*	Version Horizontale														    
															flex-basis: 50%;
															order: 3;
														*/
}
.picbois-item  .description div {
	margin-bottom: 20px;
	padding: 10px;
	text-align: justify;
	min-height: 200px;
}


.picbois-item div.lien-suite{position: absolute;} .picbois-item-search div.lien-suite{}
.picbois-item div.lien-suite, .picbois-item-search div.lien-suite{
	
	bottom: 0;
	width: 100%;
	padding: 0em;
	background-color: #ba5319;
	/*min-height: 60px !important;*/
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	color: #ffffff;
}
.picbois-item div.lien-suite a, .picbois-item-search div.lien-suite a{
	font-size: 0.9em !important;
	color: #ffffff !important;
	text-decoration: none;
}

.picbois-item  .liens-utiles  {
	display: flex !important;
    flex-wrap: wrap;
	justify-content: center;
	padding: 10px;
														/*	Version Horizontale														    
															flex-basis: 100%;
															order: 4;
														*/
}

.picbois-item  .liens-utiles a {
	margin: 0px 5px !important;
}
.picbois-item  .liens-utiles img {
	width: 22px;
	height: auto;
}

.picbois-item  .liens-utiles .demande-devis{
	padding: 2px 10px !important;
    border-radius: 2px;
	color: #ffffff !important;
	background: #bc5217 !important;
}
.fancybox-slide #hidden-demande-devis p {
	text-align: center;
}
.fancybox-slide #hidden-demande-devis a{
	margin: 0px 25px !important;
}
.picbois-item  .affiche-devis{

}
.picbois-item div.produits-photos{
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
    max-height: 180px;
    overflow: hidden;
														/*	Version Horizontale														    
															flex-basis: 100%;
															order: 5;
														*/	
}

.picbois-item div.produits-photos a{
	width: 80px;
	height: 60px;
}
.picbois-item div.produits-photos img{
	object-fit: cover;
	width: 80px;
	height: 60px;
}
.fancybox-caption {
	bottom: 5em !important;
	background: transparent !important;
	padding: 0 !important;
	z-index: 99994 !important;
}
.fancybox-caption__body{
    display: flex !important;
	justify-content: center;
	z-index: 99996 !important;
}
.memoriser-produit{
    background-color: #ba5319;
    display: block;
    padding: 10px 20px;
    border-radius: 25px;
}

.dialog-modale{
	background-color: #0000005e;
    display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: 99999;
}

.dialog-modale-content{
	display: flex;
	flex-direction: column;
	min-width: 30%;
    margin: 10% auto 0;
   /* padding: 3em;*/
    background-color: #ba5319;
	color: #ffffff !important;
}
.dialog-modale-content-position{
	position:relative;
	padding: 3em;
}
.dialog-modale .fermer-dialog-modale{
	position: absolute;
	right: 5px;
	top: 5px;
	color: #d1cfcf;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background-color: #00000080;
}
.dialog-modale .fermer-dialog-modale a{
	display: block;
	color: #d1cfcf;
	font-weight: 900;
}


.dialog-modale-content div.content{
	margin-bottom: 20px;
}
.dialog-modale-content p{
	font-size: 1.35em;
}
.dialog-modale-content input[type=button]{
	margin: 2em;
}
.dialog-modale-content input[type=button]:hover{
	background-color: #336666;
}


.dialog-modale .info-devis{
	width: 30%;
}
.dialog-modale .info-devis :last-child {
	text-align: center;
}
.dialog-modale .info-devis div #qte_produit{
	width: 60px;
} 
.dialog-modale #retour_ajout_devis{
	width: 50%;
	text-align: center;
}





/*	PAGE DEVIS*/
	/*	Les photos	*/
	.picbois-item .supprimer-photo{
		position: absolute;
		right: -10px;
		top: -10px;
		color: #d1cfcf;
		border-radius: 50%;
		width: 25px;
		height: 25px;
		background-color: #000000;
	}
	.picbois-item .supprimer-photo a{
		display: block;
		color: #d1cfcf;
		font-weight: 900;
	}
	.picbois-item-photo-demande-devis{
		flex-basis: 45%;
		min-width: 300px;
	}
	.photo-demande-devis img{
		height: 200px !important;
	}	
	.infos-demande-devis{
		padding: 2em 0 0 1em;
		text-align: left !important;
	}
	
	
	/*	Le formulaire	*/
	}	
	.ajaxresponse-block{
		display: block !important;
	}
	.ajaxresponse-hidden{
		display: none !important;
	}
	
	.demande-de-devis {
		/*background-color: #eeeeee;*/
	}
	.demande-de-devis fieldset{
		padding: 0em 0 !important;
	}
	.demande-de-devis  ul{
		font-size: 0.9em;
		color: #000;	
		margin: 0 !important;
	}
	.titre-section{
		margin: 1em 0 0 !important;
		color: #bc5217;
		font-size: 1.2em;
	}
	.demande-de-devis .champs-saisie{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.demande-de-devis .champs-saisie div{
		width: 95%;
	}
	@media only screen and (min-width: 45em) {	
		.demande-de-devis .champs-saisie div{
			width: 45%;
		}
		.espacement{
			height: 68px;
		}		
	}		
	
	
	.demande-de-devis li{
		clear: both;
		margin: 0 !important;
		padding: 6px 1% 9px !important;
		width: auto;
		background: none !important;
		list-style: none !important;
		list-style-type: none !important;
		list-style-image: none !important;
	}
	.demande-de-devis li.li-radio {
		display: flex;
		flex-direction: column;
	}	
	.demande-de-devis li.li-submit{
		display: flex;
		align-items: center;
	}
	.demande-de-devis span.span{
		display: block;
		float: left;
		margin: 0;
		margin-right: 1em !important;
		/*width: 100%;*/
	}
	.demande-de-devis li#li-7 span.span{
		width: auto !important;
		margin-right: 1em !important;
	}	
	
	.demande-de-devis label.desc{
		display: block;
	    margin: 0;
		padding: 0 0 3px 0;
		font-weight: 700;
	}
	.demande-de-devis label.bold{
		font-weight: 700;
		color: #000;	
	}
	.demande-de-devis label.choice{
		width: 88%;
	}
	.demande-de-devis label .required-asterisk {
		margin: 0;
		padding: 0;
		color: #bc1212;
		vertical-align: baseline;
		font-weight: bold;	
	}
	.demande-de-devis input.text, .demande-de-devis textarea.textarea,  .demande-de-devis select{
		width: 100% !important;
		border: 1px solid #dddddd;
		background-color: #ffffff !important;			
	}
	.demande-de-devis textarea.textarea::placeholder{
		font-size: 1.0em;
		color: #000000 !important;
	}
	.demande-de-devis select{
		padding: 0 0 0 0.62em !important;
	}	
	.demande-de-devis input.text,  .demande-de-devis select{
		height:	25px !important;
	}
	.demande-de-devis input.checkbox {
		vertical-align: top;
	}	
	.demande-de-devis li.valid input, .demande-de-devis li.valid textarea{
		background-color: #ffffff !important;			
	}	
	.demande-de-devis li.li-checkbox  span.valid label{
	
	}
	.demande-de-devis li.error input, .demande-de-devis li.error textarea, .demande-de-devis li.error select, .demande-de-devis li.li-checkbox  span.error label, .demande-de-devis li.li-radio  span.error label
	{
		background-color: #efd5d5 !important;	
	}
/*	/PAGE DEVIS*/
	
	
	
	

/*	PAGE ARCHIVES DEVIS*/

	.picbois-archive-devis-colonnes{
		display: flex !important;
		margin-bottom: 1em !important;
	}
	.titre-section-archive{
		margin: 0em 0 0 !important;
		color: #bc5217;
		font-size: 1.2em;
	}
	.picbois-archive-devis .lien-archive-devis a{
		color: #327172 !important;
	}	
	
	
	
/*	/PAGE ARCHIVES DEVIS*/
	
	
	
	
	
	
	
	.kiosque_wait {
		display: none;
		margin-left: 15px;
		border: 5px solid #f3f3f3 !important; /* Light grey */
		border-top-color: #bc5217 !important; /* Brun */
		border-radius: 50%;
		width: 30px;
		height: 30px;
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
	}
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}
	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}
	.ajaxresponse_1{
		width: 75%;
		margin: auto;
	    background-color: #ba5319;
	}
	.ajaxresponse_1 h4{
		padding: 2em !important;	
		color: #fff !important;
		font-weight: 400 !important;
	}