/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 29 2023 | 17:14:11 */
/* --- prévenir le bug qui empéche de cliquer certain éléments dans les pages customs ---*/
.pswp__caption{
 display:none!important;	
}


/* --- liste catégorie custom --- */

.liste_hr:hover {
	color: #4d60ac;
	text-decoration: none;
}

.liste_hr:hover {
	color: #4d60ac;
	text-decoration: none;
}

li.liste_li {
	
	border-bottom:solid 1px rgba(99,78,67,0.50);
	color:#d3ced2;
	font-size : 12px;
	list-style: none;
	padding-right : 20px;
}

.liste_hr {
	color: #404040;
	font-weight: 600;
	font-size : 14px;
}

.liste_ul {
		padding-left: 20px;
}


.liste_count {
	color: #666666;
}

.liste_hr {
	color: #404040;
	font-weight: 600;
	font-size : 14px;
}

.liste_ul {
		padding-left: 20px;
}

.liste_count {
	color: #6666;
}


.cat_dropdown {
	
	height: 40px!important;
	letter-spacing: 1px;
	line-height: 35px;
	margin: 0px 0px -4px;
	user-select: none;
	width: 226px;	
	
	
}



.woocommerce button[type=submit] {
	background-color: #4d60ac!important;
	border: 1px solid  #4d60ac!important;
}

.woocommerce button[type=submit]:hover {
	background-color: #23275b!important;
	border: 1px solid  #23275b!important;
}

/* --- on masque les sous cat const et les non classés --- */
	
.liste_li.list_id60	{
	
	display: none;
}

.liste_li.list_id59	{

	display: none;
}

.liste_li.list_id22	{
	
	display: none;
}


/* --- login press  a copier dans login press---*/

.message { 
display: none;
}

/* --- liste par type de pièce & marque---*/

.texte_type_piece:hover {

color: #4d60ac;
}



/* --- liste marque acceuil---*/

#div_marque>#widget-125-34 .cat-item {
	list-style: none;
	margin-left: -40px;
}



/* --- selection marque famille modele ---*/


#shortcode-24-34 select {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(0, 0, 0) !important;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-left: 5px;
	margin-bottom: -2px;
	margin-top: -2px;
	background-color: #ffffff;
}


a#div_block-139-2.ct-link { 
	align-items: center;
	background-color: #4d60ac;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-sizing: inherit;
	color: #634e43;
	cursor: pointer;
	display: flex;
	flex-flow: column wrap;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 1px;
	line-height: 19.2px;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: -10px;
}

a#div_block-139-2.ct-link:hover { 
	background-color: #23275b;
	color: #20969e;
	text-decoration: none;
}

div#text_block-140-2.ct-text-block { 
	box-sizing: inherit;
	color: #ffffff;
	cursor: pointer;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 19.2px;
	text-align: center;
	text-transform: uppercase;
}

/* --- bouton gravity ---*/

#gform_wrapper_1 input[type=submit] {
	background-color: #4d60ac;
	color: rgb(255, 255, 255);
	font-size: 18px;
	line-height: 19px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: none;
	text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.2);
	border-width: 0;
}

#gform_wrapper_1 input[type=submit]:hover {
	background-color: #23275b;
	cursor: pointer;
}




/* --- liste filtre --- */


.woocommerce.widget a {
	color: rgb(64, 64, 64)!important;
	font-weight: 600!important;
	
}

.woocommerce.widget a:hover {
	text-decoration: none!important;
	color: #4d60ac!important;
}

#div_block-45-231 > #widget-51-231 .woocommerce-widget-layered-nav-list__item{
	border-bottom:solid 1px rgba(99 , 78 , 67 , 0.50);
	margin-left: 20px;
}



/* --- filtretype de pièce mobile--- */

.widget>.woocommerce-widget-layered-nav-dropdown .select2-selection {
	height: 40px;
	width: 226px;
	margin-top: -35px;
	
}

.select2-selection__arrow{

	margin-top: -20px;
	
}

#section-4-231 #widget-60-231 {
	justify-content: center;
}

/* (A) AUTOCOMPLETE WRAPPER */

.acWrap input {
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	padding-left: 35px;
	border: 1px solid #000000;
	background-image: url("https://www.clavier-portable.com/wp-content/uploads/2021/09/loupe.png");
	background-repeat: no-repeat;
	width: 220px;
}


.acWrap {
  display: inline-block; /* Or block if you like */
  position: relative;
	
}

/* (B) SUGGESTIONS */
.acWrap .acSuggest {
  position: absolute;
  top: 100%; left: 0;
  z-index: 9;
  width: 100%;
  background: #fff;
  border: 1px solid #eee;
  display: none;
}
.acWrap .acSuggest ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.acWrap .acSuggest ul li {
  padding: 5px;
}
.acWrap .acSuggest ul li:hover {
  background: #d9e7ff;
  cursor: pointer;
}

/* Produits apparenté */

.woocommerce .related ul.products li.product a.button {
	display: none;
}

.woocommerce .related ul.products li.product .woocommerce-loop-product__title {
	color: #634e43;
}

.woocommerce .related ul.products li.product .woocommerce-loop-product__title:hover {
	color: #20969e;
}

.woocommerce div.product .price .amount {
	background-color: #23275b;
	color: rgb(255, 255, 255);
	font-family: Roboto;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
}

.woocommerce .related>h2 {
	color: #4d60ac;
	font-family: Poppins;
	margin-bottom: 20px;
}

.woocommerce .related ul.products li.product {
	width: 300px;
}

/* masquer la sous cat constructeur */


.cat-item-59 {
display:none!important;
}

/* add to cart div */

.addme{
align-items: flex-start;
background-color:  #4d60ac;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-sizing: inherit;
color:  #ffffff;
display: flex;
flex-direction: column;
flex-flow: column nowrap;
font-family: "Open Sans";
font-size: 14px;
font-weight: 600;
justify-content: center;
line-height: 22.4px;
margin-left: 10px;
margin-top: 10px;
padding: 10px 15px;
text-align: center;
text-transform: uppercase;
box-shadow:  rgba(0, 0, 0, 0.5) 2px 2px 3px;
}

.addme:hover{
	background-color:  #4d60ac;
}



/* CSS atelier */


.side_MT {font-family: 'Open Sans', sans-serif; font-size: 12px; color: #284750; line-height: 12px; font-weight: 700; text-decoration: none;}
.side_L {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #284750; line-height: 16px; font-weight: 700; text-decoration: none;}

.contenu_LT_black {font-family: futura_bkbook, Arial; font-size: 14px; color: #000000; font-weight: bold; text-decoration: none;}
.contenu_LT_black:link  {font-family: futura_bkbook, Arial; font-size: 14px; color: #000000; font-weight: bold; text-decoration: underline;}
.contenu_LT_black:visited {font-family: futura_bkbook, Arial; font-size: 14px; color: #000000; font-weight: bold; text-decoration: underline;}
.contenu_LT_black:hover {font-family: futura_bkbook, Arial; font-size: 14px; color: #000000; font-weight: bold; text-decoration: none;}

.contenu_LT_blackn {font-family: futura_bkbook, Arial; font-size: 14px; color: #000000; font-weight: 400; text-decoration: none;}
.contenu_LT_blackn:link  {font-family: futura_bkbook, Arial; font-size: 14px; color: #000000; font-weight: 400; text-decoration: none;}
.contenu_LT_blackn:visited {font-family: futura_bkbook, Arial; font-size: 14px; color: #000000; font-weight: 400; text-decoration: none;}
.contenu_LT_blackn:hover {font-family: futura_bkbook, Arial; font-size: 14px; color: #000000; font-weight: 400; text-decoration: none;}

.contenu_LT_black_little {font-family: futura_bkbook, Arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none;}
.contenu_LT_black_little:link  {font-family: futura_bkbook, Arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration:underline;}
.contenu_LT_black_little:visited {font-family: futura_bkbook, Arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline;}
.contenu_LT_black_little:hover {font-family: futura_bkbook, Arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none;}

.contenu_LT_red2 {font-family: futura_bkbook, Arial; font-size: 16px; color: #ff0000; font-weight: bold; text-decoration: none;}
.contenu_LT_red2:link  {font-family: futura_bkbook, Arial; font-size: 16px; color: #ff0000; font-weight: bold; text-decoration: underline;}
.contenu_LT_red2:visited {font-family: futura_bkbook, Arial; font-size: 16px; color: #ff0000; font-weight: bold; text-decoration: underline;}
.contenu_LT_red2:hover {font-family: futura_bkbook, Arial; font-size: 16px; color: #ff0000; font-weight: bold; text-decoration: none;}

.contenu_LT_red3 {font-family: futura_bkbook, Arial; font-size: 22px; color: #ff0000; font-weight: bold; text-decoration: none; line-height:26px;}
.contenu_LT_red3:link  {font-family: futura_bkbook, Arial; font-size: 22px; color: #ff0000; font-weight: bold; text-decoration: underline; line-height:26px;}
.contenu_LT_red3:visited {font-family: futura_bkbook, Arial; font-size: 22px; color: #ff0000; font-weight: bold; text-decoration: underline; line-height:26px;}
.contenu_LT_red3:hover {font-family: futura_bkbook, Arial; font-size: 22px; color: #ff0000; font-weight: bold; text-decoration: none; line-height:26px;}


.contenu_LT_black2 {font-family: futura_bkbook, Arial; font-size: 22px; color: #000000; font-weight: bold; text-decoration: none; line-height:26px;}
.contenu_LT_black2:link  {font-family: futura_bkbook, Arial; font-size: 22px; color: #000000; font-weight: bold; text-decoration: underline; line-height:26px;}
.contenu_LT_black2:visited {font-family: futura_bkbook, Arial; font-size: 22px; color: #000000; font-weight: bold; text-decoration: underline; line-height:26px;}
.contenu_LT_black2:hover {font-family: futura_bkbook, Arial; font-size: 22px; color: #000000; font-weight: bold; text-decoration: none; line-height:26px;}

.conseils_LS {font-family: helvetica, Arial; font-size: 13px; color: #4d60ac; font-weight: normal; text-decoration: none;}
.conseils_LS:link {font-family: helvetica, Arial; font-size: 13px; color: #4d60ac; font-weight: normal; text-decoration: underline;}
.conseils_LS:visited {font-family: helvetica, Arial; font-size: 13px; color: #4d60ac; font-weight: normal; text-decoration: underline;}
.conseils_LS:hover {font-family: helvetica, Arial; font-size: 13px; color: #000000; font-weight: normal; text-decoration: underline;}

.conseils_L {font-family: helvetica, Arial; font-size: 18px; color: #4d60ac; font-weight: normal; text-decoration: none;}
.conseils_L:link {font-family: helvetica, Arial; font-size: 18px; color: #4d60ac; font-weight: normal; text-decoration: underline;}
.conseils_L:visited {font-family: helvetica, Arial; font-size: 18px; color: #4d60ac; font-weight: normal; text-decoration: underline;}
.conseils_L:hover {font-family: helvetica, Arial; font-size: 18px; color: #000000; font-weight: normal; text-decoration: underline;}

.contenu_ADR {font-family: 'Open Sans', sans-serif; font-size: 25px; color: #000000; line-height: 25px; font-weight: 700; text-decoration: none;}
.contenu_GT {font-family: 'Open Sans', sans-serif; font-size: 21px; color: #4d60ac; line-height: 21px; font-weight: 700; text-decoration: none;}
.contenu_ST {font-family: 'Open Sans', sans-serif; font-size: 15px; color: #cf004e; line-height: 20px; font-weight: 400;  text-decoration: none;}
.contenu_ST2 {font-family: 'Open Sans', sans-serif; font-size: 20px; color: #cf004e; line-height: 20px; font-weight: 400;  text-decoration: none;}
.contenu_ST3 {font-family: 'Open Sans', sans-serif; font-size: 20px; color: #cf004e; line-height: 20px; font-weight: 700;  text-decoration: none;}

.contenu_LT_map {font-family: futura_bkbook, Arial; font-size: 14px; color: #000000; font-weight: bold; text-decoration: none; }

/* page panier et contrcuteur  atelier */

.liencmd {

	background: #f5f5f5;

	border:none;

	color:#4d60ac;

	font:bold 12px Verdana;

	padding:6px 10px 6px 10px;

	box-shadow:1px 1px 3px #999;

}



.liencmd:hover {

	background: #dddddd;

	border:none;

	color:#4d60ac;

	font:bold 12px Verdana;

	padding:6px 10px 6px 10px;

	box-shadow:1px 1px 3px #999;

}


.liencmd1 {	background: #f5f5f5;
	border:none;
	color:#4d60ac;
	font:bold 12px Verdana;
	padding:6px 10px 6px 10px;
	box-shadow:1px 1px 3px #999;
}

.liencmd1:hover {
	background: #dddddd;
	border:none;
	color:#45969B;
	font:bold 12px Verdana;
	padding:6px 10px 6px 10px;
	box-shadow:1px 1px 3px #999;
}
.liencmd2 {	background: #f5f5f5;
	border:none;
	color:#4d60ac;
	font:bold 12px Verdana;
	padding:6px 10px 6px 10px;
	box-shadow:1px 1px 3px #999;
}