/***********************************************************/
/* A TRIER */
/***********************************************************/
.margintop0 {
	padding-top: 0 !important;
	margin-top: 0 !important; }

.margintop20 {
	margin-top: 20px !important; }
	
.mdl-h1-page h1, h1.h1accueil, h1.page-title, h1.entry-title, h2, h3, h4, h5, h6, .bloch1 p, h2#vouscherchez, .action p a {
	font-family: 'Roboto', sans-serif !important; 
	font-weight: 400;}

p, ul, li, a, span, pre {
	font-family: 'Roboto', sans-serif !important; 
	color: #000;
	line-height: 1.6em;
	font-size: 16px; }

@media (max-width: 780px) { 
.alertemobile {
	font-size: 12px !important; } }

a:focus,
.focus a {
	outline: none !important; }

.fondgris .center900, .fondgris .mdl-grid {
	background: #E7E7E7 !important; }

.presta figure a img, .presta h3, .mdl-produit img {
	text-align: center !important;
	margin: 20px auto !important; }

.edito h3 {
	margin-top: 0 !important; }

.centrer {
	width: 280px;
	margin: 0 auto 25px auto !important;
	text-align: center !important; }

.storefront-handheld-footer-bar .my-account a, .storefront-handheld-footer-bar .search a, .storefront-handheld-footer-bar .cart a {
	color: #000 !important; }

.listegauche ul {
	margin-left: -10px !important; }

.wp-block-faq-block-for-gutenberg-faq {
	max-width: 1150px !important;
	margin-left: auto;
	margin-right: auto; }

.wp-block-faq-block-for-gutenberg-faq ul {
	margin-top: 20px !important; }

.listegauche0 ul li, .wp-block-faq-block-for-gutenberg-faq ul li {
	margin-left: -30px !important; }

h3.wp-block-heading {
	margin-top: 10px !important;
	padding-top: 0 !important; }

.colorfff, .colorfff p, .colorfff ul, .colorfff h3, .colorfff ul li, .colorfff figcaption {
	color: #fff !important; }

/* BRIQUE FEATURE PRODUCTS */
h2.h4produit, h2.h4produit a {
	font-size: 18px !important;
	margin: 0 !important;
	padding: 20px 0 0 0 !important;
	line-height: 20px; }

p.h4 {
	color: #fff !important; }

.mdl-produit {
	background: #fff !important;
	color: #000 !important;
	border: 1px solid #000; }

.onsale, .add_to_cart_button, .related a:link.add_to_cart_button, .related a:active.add_to_cart_button, .related a:visited.add_to_cart_button {
	background: #A1124D !important;
	color: #fff !important; }

#billing_poidslourd_field label, #billing_newsletter_field label {
	background: #A1124D !important;
	color: #fff !important;
	padding: 5px;
	margin-bottom: 15px !important; }

#billing_poidslourd_field label strong u {
	color: #fff !important; }
	
.center900 .post {
	padding: 10px !important; }

#page h3 {
	margin-top: 10px !important;
	margin-bottom: 10px !important; }

.verta100, .verta100 .center900 {
	background: #333 !important;
	color: #fff !important; }

.verta100 h3 {
	color: #fff !important; }

.verta100 .mdl-button  {
	margin-top: 30px !important; }
	

.valignmiddle figure {
	vertical-align: middle !important; }
	
/* .entry-summary p.price {
	display: none !important; } */

/* SLIDER WIDESCREEN */
.avertissement {
	background: #5C4E47;
	color: #fff;
	margin: 20px 0 !important;
	padding: 20px;
	border: 1px solid #000;
	width: 100% !important; }

a:active.mega-menu-link, a:visited.mega-menu-link, a:link.mega-menu-link {
	background: #fff !important;
	color: #000 !important; }

a:hover.mega-menu-link {
	background: #ccc !important; 
	color: #000 !important;}

@media (min-width: 1024px) {
.mega-menu-item a:active strong, .mega-menu-item a:visited strong, .mega-menu-item a:link strong {
	background: #A1124D ;
	color: #fff;
	padding: 10px;
	font-weight: normal !important; 
	-moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border-radius: 10px 10px 10px 10px !important; } }

.mega-menu-item a:hover strong {
	background: transparent;
	color: #333;
	padding: 10px !important;
	font-weight: normal !important;  } }

.menu-item-type-custom a:active .facebook, .menu-item-type-custom a:visited .facebook, .menu-item-type-custom a:link .facebook {
	background: #38518A;
	color: #fff;
	padding: 3px 10px;
	font-weight: normal !important; 
	-moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border-radius: 10px 10px 10px 10px !important; } 

.menu-item-type-custom a:hover .facebook {
	background: #38518A;
	color: #fff;
	padding: 3px 10px !important;
	font-weight: normal !important;  }

#menuajax .menu-item-type-custom a:active strong, #menuajax .menu-item-type-custom a:visited strong, #menuajax .menu-item-type-custom a:link strong, #menuajax .menu-item-type-custom a:hover strong {
	background: transparent !important;
	margin-left: 0 !important;
	padding-left: 0 !important; }

#menuajax li ul li {
	font-size: 0.9em !important; }
	
.figureleft img {
	margin: 0 30px 30px 0 !important; }
	
.card-attention {
	padding: 20px !important;
	text-align: center;
	font-size: 1.5em;
	margin: 0 auto;
	background: #0052A8;
	color: #fff; }
	
.partenaires a {
	color: #333 !important; }
	
.author {
	display: none !important; }

.entry-content h2 {
	font-size: 2em !important;
	margin: 10px 0 !important; }

.post h2 {
	margin: 20px 0 !important;
	padding: 0 !important; }

.h2blog {
	font-size: 3em !important;
	margin: 10px 0 !important;
	border-bottom: 1px solid #ccc; }

.partenaires a {
	color: #333 !important; }

.boutonjaune, .boutonjaune a {
	background: #0000BD;
	color: #fff;
	height: 40px;
	padding: 5px;
	font-size: 1.1em; }
	
h1.h1blogaccueil {
	font-size: 2em;
	margin: 10px 0 !important; }

h1.h1accueil strong {
	color: #A1124D !important; }

h1.page-title {
	color: #A1124D !important; }

h1.h1accueil {
	color: #000;
	font-size: 3.5em;
	margin: 40px 0 !important; }

.read-it {
	text-align: right; }

.borderbottom {
	border-bottom: 1px solid #ccc; }

h3.h3accueil {
	font-size: 1.8em;
	color: #ccc !important;
	font-weight: 300 !important;
	margin-bottom: 30px !important;
	padding-top: 0 !important;
	margin-top: 0 !important;  }

.accueilcontent h2 {
	font-size: 1.2em !important;
	margin: 10px 0 !important; }

.imgcenter, .imgcenter figure img {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important; }
	
.center  {
	text-align: center !important; }

.right  {
	text-align: right !important; }
	
.rgpd {
    background: #fff !important;
    color: #000 !important;
    padding: 10px;
    border: 1px dotted #000; }

.blanc {
    color: #fff; }
    
.alignright {
	margin: 0 0 30px 30px; }

.radius {
	-moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border-radius: 10px 10px 10px 10px !important; }
   
.bordervert {
	 border: 5px solid #A1124D; }
	
.small p {
	font-size: 0.7em !important;
	color: #A1124D;
	line-height: 20px; }
   
/*	SURCOUCHE MDL */

.mdl-button {
	background: #A1124D !important; }

.jaune {
	background: #FFB400 !important; }

p.chapo {font-size:1.5em !important; line-height: 30px;}

/**********************************/
/*	ABBRÉVIATIONS */
/**********************************/
/**********************************/

figure figcaption {
	margin: 10px 0;
	font-size: 0.8em; }

/*	TITRES */
h2 {
	color: #A1124D;
	font-size: 2.3em;
	font-weight: bold !important;
	line-height: 40px;	}

h2 strong {
	color: #A1124D !important; }

h3 {
	color: #333;
	font-size: 2em;
	line-height: 40px;	}

h4 {
	color: #295C6D !important; 
	margin-top: 5px !important;
	font-size: 1.5em; }

@media (max-width: 780px) {
h1.h1accueil {
	font-size: 2em !important;
	margin: 0 10px !important; } } 

strong {
	font-weight: bold !important;
	color: #333; }

img {
	max-width:100%;
	height:auto; }

.alignleft {
	margin: 0 30px 20px 0;
	float: left; }

.alignright {
	margin-left: 30px !important;
	float: right; }

.featureimage figure, .featureimage img {
	padding: 0 !important;
	margin: 0 0 15px 0 !important;
	width: 100%; }

.mdl-card-titlevideo {
	padding: 10px; }

.border1 {
	border: 1px solid #ccc; }

h3.h2video a {
	color: #A1124D !important;
	font-weight: bold !important;
	margin-bottom: 15px; }

.widget-title {
	background: #A1124D;
	color: #fff !important;
	text-align: center !important;
	padding-top: 20px !important; }
	
/**********************************/
/*	LAYOUT DU SITE */
/**********************************/
/**********************************/
body, p, li, a, figcaption, tr, th, td {
	font-family: 'Roboto', sans-serif !important; }

.center900{
	padding: 20px !important; }

.mdl-single {
	width: 100% !important; }

#page {
	background: #666 !important;
	margin-bottom: 0 !important; }

#content, #page {
	background: #fff !important;
	margin-top: 0 !important;
	padding-top: 0 !important; }

.storefront-breadcrumb, .storefront-breadcrumb a, .breadcrumb-separator	{
	background: #fff !important;
	color: #000 !important; 
	margin-bottom: 0 !important;}

/* largeur de page ajustable pour mettre page et sidebar côté à côté en pleine largeur */
.pagepdv .col-full, .pagepdvlarge .col-full, #post-11328, .pagepdv .woocommerce {
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100% !important; }

@media (min-width: 1270px) {
.col-full {
	max-width: 1190px; } 

#primary {
	width: 970px;
	float: left !important; }

#secondary {
	background: #fff !important;
	padding: 5px;
	margin-left: 10px;
	width: 200px;
	float: right !important; } }

@media (max-width: 1270px) {
.col-full {
	max-width: 990px; } 

#primary {
	width: 770px;
	float: left !important; }

#secondary {
	background: #fff !important;
	padding: 5px;
	margin-left: 10px;
	width: 200px;
	float: right !important; } }

@media (max-width: 1024px) {
.col-full {
	max-width: 1024px; } 

#primary {
	width: 100%; }

#secondary {
	width: 0 !important;
	display: none !important; } }

@media (min-width: 1024px) {
.mdl-layout__header {
	background: #fff; 
	height: 90px; } }

@media (max-width: 1024px) {
.mdl-layout__header {
	background: #fff;
	height: 64px; } }
	
@media (max-width: 970px) {	
#primary {
	width: 100%; }

.storefront-full-width-content #primary {
	width: 100% !immportant; }

#secondary {
	display: none !important; }

.pagesnormales, .pagesnormales .post{
	margin-left: 0 !important;
	margin-right: 0 !important; 
	padding-left: 0 !important;
	padding-right: 0 !important; } }
			
@media (min-width: 970px) {
	
.center900, .centeragence {
	width: 1150px;
	margin: 0 auto; }

#content, .site-content .col-full, #page, .pagepdvlarge {
	width: 100% !important;
	margin: 0 auto; } }
	

/* MDL LAYOUT */
/* Layout 100% du contenu */
.mdl-layout__content {
	width: 100%;
	background: #fff; }

.mdl-layout__content img {
	max-width: 100%; } 

.antiprism {
	letter-spacing: -7px;
	color: #dedede; }

.center {
	   text-align: center !important;
	   margin: 0 auto !important; }
	  
figure.catfigure, .term-description {
	text-align: left !important; }

.term-description, .term-description ul, .term-description li {
	font-size: 14px !important; }

.woocommerce-products-header, .woocommerce-products-header .kt-inside-inner-col {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important; }

.kt-inside-inner-col li {
	margin-left: 30px !important; }

.margin10 {
	margin: 20px 0 40px 0 !important; }

.margin10single {
	margin: 10px; }

.woocommerce-products-header__title {
	margin: 0 !important;
	padding: 0 !important; }

.woocommerce-products-header h2 {
	margin-top: 0 !important; }

.woocommerce-products-header figcaption {
	text-align: center !important;
	margin: 10px auto !important; }

.woocommerce-Price-amount, .woocommerce-price-suffix {
	font-size: 16px !important;
	color: #000 !important; }

.woocommerce-product-details__short-description select {
	background: #EFEFEF !important; }

h2.woocommerce-loop-product__title {
	font-size: 1.5em !important; }

.woocommerce-tabs {
	margin-top: 0 !important; }

.entry-summary {
	margin-bottom: 0 !important; }	

.entry-summary ul li, .woocommerce-Tabs-panel ul li, .listeagauche ul li {
	margin-left: -25px !important; }

.woocommerce-tabs figcaption {
	text-align: center !important; }

.woocommerce-Tabs-panel h3 {
	margin-top: 0 !important;
	padding-top: 0 !important; }
	
h1.entry-title, .content-area h1, .divh1single h1 {
	color: #A1124D;
	font-family: 'roboto', arial, sans-serif;
	margin: 10px 0;
	padding: 0; }

.content-area h1, .divh1single h1 {
	text-transform: uppercase !important; 
	font-size: 2.5em; }

@media (max-width: 780px) {
.content-area h1, .divh1single h1 {
	font-size: 2em !important; } }	

.entry-summary h1.entry-title {
	font-family: 'roboto', arial, sans-serif;
	margin: 10px 0;
	background: #1E2A2F;
	color: #fff !important;
	padding: 10px !important;
	text-transform: none !important;
	font-size: 1.5em !important; }

.widescreenbgrd {
	padding: 20px 0;
	background: #4D545B !important;
	color: #fff; }

.widescreenbgrd .action, .widescreenbgrd .mdl-grid, .widescreenbgrd .center900 {
	background: #4D545B !important; }

@media (min-width: 1024px) {
.parrallaxcss {
	margin:0;
	padding: 40px 0;
	background: #333; } }

@media (max-width: 1024px) {
.parrallaxcss {
	margin:0;
	padding: 40px 0;
	background: #333;  } }
	
/* Layout 100% du contenu */
figure.catfigure, .term-description {
	text-align: left !important; }

.margin10 {
	margin: 20px 0 40px 0 !important; }

.margin10single {
	margin: 10px; }

.woocommerce-products-header__title {
	margin: 0 !important;
	padding: 0 !important; }
	
h1.entry-title, .content-area h1 {
	font-family: 'Roboto', arial, sans-serif;
	text-transform: uppercase !important; 
	font-size: 2.5em;
	margin: 10px 0;
	padding: 0 !important; }

#post-3559 h1.entry-title {
	font-size: 3em !important;
	text-align: center !important; }

/**********************************/
/*	HEADER (logo, menu, menu ajax)*/
/**********************************/
/**********************************/
	
/* Menu ajax en blanc */
.mdl-layout__drawer-button {
	background:transparent url(https://www.resomarbre.fr/wp-content/themes/storefont-child/YMG/menuajax.png) top left no-repeat !important;
	color:transparent !important;
	margin: 7px 20px !important;
	text-align: left !important;}

/* Colonnes */
.rowhaut, .rowhaut #menu ul {
	background: #fff !important;
	margin: 0 !important; 
	padding: 0 !important; }

/* MENU PRINCIPAL */
#menu {
	margin-top: 30px; }
	
#menu, #menu ul {
	list-style : none !important;
	line-height : 21px; }

#menu li.menu-item {
	display: inline;
	float : left;
	border-right : 0 solid #fff; }

.mega-sub-menu li a {
	font-size: 1em !important;}


/* Menu au dessus de 1350px */
@media (min-width: 1390px) {
#menu li.menu-item a:link, #menu li.menu-item a:visited, #menu li.menu-item a:active, #menu li.menu-item a:hover {
	background: #fff;
	text-decoration: none !important;
	margin: 0 !important;
	padding: 10px 15px;
	display: block; }  }
	
@media (max-width: 1390px) {
#menu li.mega-menu-item a:link, #menu li.mega-menu-item a:visited, #menu li.mega-menu-item a:active, #menu li.mega-menu-item a:hover {
	background: #fff;
	text-decoration: none !important;
	margin: 0 !important;
	padding: 10px 10px;
	font-size: 0.9em !important;
	display: block; }  }
	
@media (max-width: 1270px) {
#menu li.mega-menu-item a:link, #menu li.mega-menu-item a:visited, #menu li.mega-menu-item a:active, #menu li.mega-menu-item a:hover {
	background: #fff;
	text-decoration: none !important;
	margin: 0 !important;
	padding: 10px 10px;
	font-size: 0.8em !important;
	display: block; }  }

/* Connexion à partir de 1024 */
@media (min-width: 1024px) {
/* Bouton Connexion du menu */
#menu li.connexion, #menu li.connexions {
	background: #52523D !important; }

#menu li.connexion a:link, #menu li.connexion a:active, #menu li.connexion a:visited, #menu li.connexions a:link, #menu li.connexions a:active, #menu li.connexions a:visited  {
	background: #52523D !important;	
	color: #fff !important; } }	

/* FIN DES Menus redimenssionnés */


#menu li ul li.menu-item a:link, #menu li ul li.menu-item a:visited, #menu li ul li.menu-item a:active, #menu li ul li.menu-item a:hover {
	background: #ccc !important;
	height: 30px !important;
	display: block;
	padding: 10px 20px 0 0 !important; }

#menu li ul li.menu-item a:link, #menu li ul li.menu-item a:visited, #menu li ul li.menu-item a:active {
	background: #fff !important;
	color: #000 !important;
	border-bottom: 1px solid #fff; }

#menu li ul li.menu-item a:hover {
	color: #A1124D !important; }
	
#menu li.menu-item a:hover,#menu li.menu-item a:active {
	color: #fff !important; }

/* MENU AJAX */
.mdl-layout__drawer {
	background: #fff;
	color: #333 !important; }

#menuajax, .menuajax, .mdl-layout__drawer, .accordeon, .accordeon .mdl-navigation {
	margin-top: 0 !important;
	padding-top: 0 !important; }
	
.mdl-layout__drawer .mdl-layout-title img {
	margin: 10px 0 0 0; }

#menuajax, #menuajax .mdl-navigation, #menuajax .mdl-navigation .accordeon li a {
	background: #fff !important; }

.mdl-navigation ul {
	margin: 0 !important;
	padding: 0  !important;
	list-style-type: none !important; }

#menuajax li {
	width: 100% !important; }

#menuajax li li a {
	padding-left: 10px !important;  }

#menuajax .menu-item a:active, #menuajax .menu-item a:visited, #menuajax .menu-item a:link {
	background: #fff !important;
	color: #333 !important;
	margin: 0 !important;
	padding: 0 0 0 10px !important;
	text-decoration: none !important;
	display: block !important;
	width: 100% !important; }

#menuajax .menu-item  a:hover {
	background: #005194 !important;
	color: #fff !important; } 

/* MENU AJAX DÉROULANT */
#menuajax .mdl-navigation {
	margin-top: 0 !important; }
	
.accordeon ul {
	margin: 0;
	padding: 0;
	list-style: none; }

.accordeon ul li {
	display: block;
	overflow: hidden;
	width: 100% !important;
	margin: 0;
	padding: 0;
	list-style:none;
	height: 30px;
	transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-webkit-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out; }

.accordeon ul li.menu-item-has-children {
	display: block;
	margin: 0; }

.accordeon ul li.menu-item-has-children a {
	background: transparent !important;
	color: #333 !important; }

.accordeon ul ul li, .accordeon ul ul li a:link, .accordeon ul ul li a:active, .accordeon ul ul li a:visited {
	margin: 0 !important;
	padding: 0 !important;
	height: 30px; }

.accordeon ul ul li a:hover {
	background: #ccc !important; } 

.accordeon ul ul li {
	margin: 0;
	text-transform: none !important;
	overflow: auto;
	padding: 10px; }

.accordeon ul li.menu-item-has-children:hover {
	height: 100%; }

.accordeon ul a:link strong, .accordeon ul a:visited strong, .accordeon ul a:active strong {
	color: #333 !important; }

.accordeon:hover ul li.menu-item-has-children:hover {
	color: #fff !important;
	background: transparent !important; }

.accordeon ul li.menu-item-has-children:hover {
	cursor:pointer;
	background: transparent !important; }

/* LOGO */
.mdl-layout-title img {
	margin-top: 30px !important;
	margin-bottom: 10px !important; }

@media (max-width: 1550px) {
.layout-logo {
	margin-left: 0 !important;
	padding-left: 0 !important; }

.mdl-layout-title a img {
	margin-top: 5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
	width: 220px !important; 
	height: 70px !important; } } 

@media (min-width: 1250px) {
.mypanier {
		background: #295C6D url(https://www.resomarbre.fr/wp-content/themes/storefont-child/YMG/panierbg.png) top right no-repeat !important;
		width: 100% !important; } }

@media (max-width: 1250px) {
.layout-logo {
	margin-left: 0 !important;
	padding-left: 0 !important; }

.mdl-layout-title a img {
	margin-top: 5px;
	margin-left: auto !important;
	padding-left: auto !important;
	width: 167px !important; 
	height: 53px !important; }

.mypanier {
		background: #295C6D url(https://www.resomarbre.fr/wp-content/themes/storefont-child/YMG/panierbgsmall.png) top right no-repeat !important;
		width: 100% !important; }  } 

/* PANIER */
@media screen and (min-width: 900px) {
.mdl-card-panier {
	background: #295C6D !important;
	height: 50px; } }

@media screen and (max-width: 900px) {
.mypanier {
	background: #295C6D url(https://www.resomarbre.fr/wp-content/themes/storefont-child/YMG/panierbgsmall2.png) top left no-repeat !important;
	width: 100% !important; } }

@media screen and (max-width: 770px) {
.mypanier, #monpanier, #monpanier section, #monpanier section ul {
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important; } }

.cart-rectangle {
	background: transparent !important;
	padding-left: 0px; }

.csspanier {
	width: 450px; }

.site-header-cart {
	background: transparent !important;
	width: 290px;
	height: 50px; }

.cart-contents  {
	background: transparent !important;
	color: #000 !important;
	border-bottom: 1px dotted #ccc;
	padding: 0 !important; }

#monpanier section ul li, #monpanier section ul li .cart-contents {
	background: transparent !important; }

.quantity {
	color: #fff !important; }

#monpanier ul , #monpanier li, .site-header-cart li, .storefront-primary-navigation, .menu li, .cart-contents span, .total {
	background: transparent !important; }

#monpanier, #monpanier section, #monpanier section ul {
	float: right;
	margin: 0 !important;
	padding: 0 !important; }

.total {
	color: #000 !important; }

#monpanier .buttons {
	background: #A1124D !important;
	padding: 10px; }

.button, a.button span	 {
	background: #A1124D !important;
	color: #fff !important;
	text-align: center !important;
	line-height: 1em !important; }

/* PAGE PRODUIT */
.woocommerce-products-header {
	margin: 10px 0 !important; }

.price {
	color: #1E2A2F;
	font-size: 2em; }

.clear {
	clear: both; }

ul.listeagauche li, .woocommerce-products-header li {
	margin-left: -30px !important; }

.woocommerce-products-header h1 {
	margin-bottom: 20px !important; }

.woocommerce-products-header h3 {
	margin-top: 0 !important;
	padding-top: 0 !important;
	font-size: 1.7em; }

.woocommerce-products-header, .woocommerce-products-header p, .woocommerce-products-header ul li {
	font-size: 1.2em !important; }

.woocommerce-products-header a {
	font-size: 18px !important; }

.colonnebleu {
	background: #DCDFBF;
	padding: 15px; }

 @media (max-width: 780px) { 
.woocommerce-products-header .mdl-grid {
	margin-left: : 0 !important;
	padding-right: 0 !important; } }

/**********************************/
/*	ACCUEIL
/**********************************/
/**********************************/

/* SLIDER WIDESCREEN */

/* Texte image Widescreen */
.relation {
	font-family: 'Roboto', Arial, sans-serif !important;
	background: #A1124D;
	color: #fff !important;
	padding: 25px 10px 5px 20px;
	font-size: 3em !important;
	line-height: 1.3em;
	font-weight: 900 !important;
	opacity: 0.8 !important;
	margin-bottom: 25px !important; }

 @media (max-width: 780px) { 
.slider {
	height: 200px !important; }}Â 
	

 @media (max-width: 780px) {
.mdl-typography--display-3 {
	font-size: 2em;
	padding: 0;
	margin: 0;
	line-height: 1.5em; }
	
.mdl-typography--display-3 strong {
	background: #50575E;
	color: #fff;
	padding: 10px 15px; }

.mdl-typography--display-1 {
	background: rgba(13,24,28,0.4);
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 20px;
	margin: 0 0 20px 0; } }

 @media (max-width: 680px) {
.mdl-typography--display-3 {
	color: #fff;
	font-size: 1.2em;
	padding: 20px 0;
	line-height: 2em; }}

@media (min-width: 780px) {
.mdl-typography--display-3 {
	color: #fff;
	font-size: 1.8em;
	line-height: 1.7em;
	margin: 20px 0;
	padding: 0; }

.mdl-typography--display-3 strong {
	font-size: 2em !important;
	color: #fff;
	padding: 10px 40px; }

.mdl-typography--display-1 {
	background: rgba(13,24,28,0.4);
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 20px;
	margin: 0 0 20px 0; }

.boutonsslide a {
	padding: 10px 20px 45px 20px;
	margin: 0 10px; } }
	
/* BRIQUE POURQUOI */

/* Au bon endroit pour... */
@media (min-width: 980px) { 
.listeaccueil li span.mdl-list__item-primary-content {
	font-size: 1em !important; }}	
	
ul.listeaccueil {
	margin: 0 !important;
	margin-left: -30px !important;
	padding: 0 !important; }

.listeaccueil li {
	padding: 10px 0 !important; }

.listeaccueil li a {
	margin: 0px 20px 0px 0px; }

.listeaccueil i, .listeaccueil li, ul.listeaccueil {
	color: #fff !important; }

.endroit strong {
	font-size: 1.8em; }
	
/* Auteur */
figure img.card-ronde {	
	border-radius: 50%;
	margin: 0 auto !important;
	border: 7px solid #fff; }

a.mdl-list__item-secondary-action .material-icons {
	color: #39464C; }

.card-ronde h3 {
	font-size: 1.5em; }

/* BRIQUE ACTION */
p.action a, p.action p {
	color: #fff !important;
	font-size: 1em !important; }

.action {
	min-height: 170px !important; }
	
p.action {
	font-size: 2.5em !important;
	padding-top: 20px !important;
	line-height: 40px; }

/* TESTIMONIAL */
.grey2 {
	background: #1E2A2F;
	margin: 0 auto 20px auto; }

.grey2 h2 {
	color: #fff !important; }
	
.testimonialindex {
	background: #fff !important;
	border: 3px solid #5E323D;
	-moz-border-radius: 25px 25px 25px 25px !important;
    -webkit-border-radius: 25px 25px 25px 25px !important;
    border-radius: 25px 25px 25px 25px !important; }
   
.testimonialindex img {
	text-align: center !important;
	margin: 20px auto !important; }

/* BRIQUE ACTION */
p.action {
	font-size: 2.5em;
	line-height: 40px; }

p.action a {
	color: #fff !important; }

/* BRIQUE PARRALAX */
.card-brique-blanche {
	background:  #fff;
	padding: 20px; }

.card-brique-blanche h3 {
	padding: 0 !important; }

@media (max-width: 680px) { 
	.card-brique-blanche img {
	display: none !important; } }

/* FORMULAIRES DE CONTACTS */
#formfacebook .formfacebook_col1 {
	background: #F6F7FB !important; }
	
#formfacebook .formfacebook_col2 {
	background: #3D5898 !important;
	padding: 10px !important; }

#formfacebook .formfacebook_col2 textarea {
	background: #fff !important; }
	
.blanc, .blanc strong, #contact_form5_attachment, #contact_form5_attachment2 {
	color: #fff !important; }

textarea {
	padding: 20px !important;}
	
.rgpd{background:#fff !important;color:#000 !important;padding:10px;border:1px dotted #000;}

fieldset {
	background: transparent;
	border: 1px solid #A1124D;
	padding: 10px;
	margin: 20px 0; }

fieldset legend {
	background: transparent;
	color: #000; }	

form select {
	background: #EFEFEF;
	color:#000;
	height: 40px; }
	
.sidebarcontact {
	color: #000 !important;
	margin: 100px 0 0 0 !important; }

.centerform div {
	text-align: center !important;
	margin: 20px auto !important; }

#mdl-card-contactagence {
	width:100%;
	background: #fff;
	color: #000;
	padding: 0 !important;
	margin: 20px 0 0 0 !important; }

#mdl-card-contactagence div {
	background: transparent; }

#mdl-card-contactagence input {
	background: #dedede !important;
	height: 60px !important;
	font-size: 1.5em !important; }

#mdl-card-contactagence label {
	color: #000 !important; }

#mdl-card-contactagence strong {
	font-weigh: normal !important;
	color: #669933 !important; }

.mdl-js-textfield, .mdl-textfield--floating-label {
	width: 100% !important; }

.mdl-textfield__label {
	color: #ccc !important; }

#mdl-card-contactagence textarea {
	background: #dedede;
	font-size: 1.5em !important; }

#mdl-card-contactagence #contact_form2_submit, #mdl-card-contactagence #contact_form4_submit, #contact_form5_submit {
	background: #A1124D !important;
	color: #fff;
	border: none !important;
	height: 70px !important;
	font-size: 1.5em !important;
	width: 100% !important; }

#mdl-card-contactagence textarea {
	font-size: 1em !important;
	height: 300px !important; }

.error, .formok {
	padding: 5px 10px !important; } 
	
.error {
	background: #A1124D !important;
	color: #fff; } 

.formok {
	background: #699800 !important;
	color: #000 !important; } 

.leftcat {
	float: left;
	margin: 0 20px 0 0; }

input#contact_form2_phone_number {
	color: #000 !important; }

#contact-form2 .label, #contact-form4 .label {
	color: #000 !important; }

/***********************************************************/
/* SINGLE */
/***********************************************************/
.mdl-card-sidebar1, #primary-sidebar {
	width: 0 !important; }

.mdl-single p, .mdl-single a, .mdl-single ul li {
	font-size: 20px !important; }
	
.mdl-single {
	margin: 0 0 40px 0; }

.mdl-single h3 {
	margin: 10px 0 !important;
	padding: 0 !important; }

.center  {
	text-align: center !important; }

.left {
	float: left;
	margin: 0 20px 0 0; }

li.widget_recent_entries, li.widget_products {
	list-style-type: none !important; }
	
li#text-3 {
	list-style-type: none !important; }
	
/***********************************************************/
/* CATÉGORIES */
/***********************************************************/
.mdl-card-postcategorie {
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 20px; }

h1.nomcategorie {
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	font-size: 2.3em;
	text-transform: uppercase !important; }
	
/* LOGO */
@media (max-width: 1024px) {
.mdl-layout-title img {
	margin-top: 5px;
	height: 61px !important;
	width: 250px !important; }

.mdl-layout-title, .mdl-layout-title img {
	padding-top: 5px  !important;
	width: 100%;
	text-align: center;
	margin: 0 auto !important; } } 
	
@media (min-width: 1024px) {
.mdl-layout-title {
	padding-top: 0px  !important; } }
	
/**********************************/
/* FOOTER
/**********************************/
/**********************************/

/* FOOTER */
.site-footer {
	background: #000 !important;
	color: #fff; }

footer h3.h3accueil {
	color: #fff !important; }

#mdl-logo img {
	text-align: center !important;
	margin: 20px auto !important; }
	
.schema p, .schema span {
	font-size: 1em !important;
	line-height: 1em !important; }

.schema img {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important; }

footer a, footer ul li, .schema p, .schema span, footer p.blanc {
	color: #fff !important; }

footer a:hover {
	color: #B5B5B5 !important; }

/* FOOTER */
footer, .site-footer, #colophon, footer h3, .footer-widget, .footer-widget-1 .mdl-grid  {
	padding-top: 0 !important;}
	
footer .col-full {
	max-width: 1150px !important; }

.mdl-mega-footer, #colophon, .site-footer, #colophon .col-full {
	padding: 0 auto !important;
	margin: 0 auto !important; }
	
.schema {
	margin-top: 20px !important;
	line-height: 1em !important; }

.schema, .schema span, .schema p  {
	font-size: 1em; }

footer a {
	color: #fff ! important; }

footer {
	margin-top: 0 !important; }

.colonne1 ul, .colonne1 ul li {
	list-style-type: none !important; }

/* Card rondes de réassurance */
/* Bords arrondis */
.radius20 {
	-moz-border-radius: 20px 20px 20px 20px !important;
	-webkit-border-radius: 20px 20px 20px 20px !important;
	border-radius:20px 20px 20px 20px !important; }

.radius10, .button, .presta h3, .grid-image-area a img {
	-moz-border-radius: 10px 10px 10px 10px !important;
	-webkit-border-radius: 10px 10px 10px 10px !important;
	border-radius:10px 10px 10px 10px !important;  }
    
div.reassurance {
	background: #fff !important;
	border: 1px solid #ccc;
	padding: 10px !important; }

@media (min-width: 1024px) {
.reseaux a img {
	width: 93px !important;
	height: 89px !important; }
	
div.reassurance {
	margin: 0 5px !important; }}
	
@media (max-width: 1024px) {
.reseaux a img {
	width: 40px !important;
	height: 38px !important; }
	
div.reassurance {
	margin: 10px 5px !important; }}

.reassurance i {
	font-size: 56px !important;
	color: #6C9BA5 !important; }

.reassurance, .reassurance h4, .reassurance p,  .reassurance i {
	margin: 0 !important;
	padding: 0 !important;}

.reassurance p {
	color: #000!important;
	font-size: 1em !important; }

.reassurance h4 {
	color: #000 !important; }

/* footer dividers */
.footerdivider {
 	border-bottom: 1px solid #7E7E7E;
 	margin: 0 auto 20px auto !important;
 	height: 20px; }

/* 3 blocs du bas */
.legals {
	border-left: 1px solid #7E7E7E;
	padding-left: 30px; }

.legals br {
	margin-top: 10px !important; }

.legals .h4 {
	color: #fff !important;
	margin-top: 0 !important;
	margin-left: -10px !important; }

.legals ul {
	margin: 0 !important;
	list-style-type: square !important; }

.legals ul li a:active, .legals ul li a:visited, .legals ul li a:link {
	color: #fff !important;
	font-size: 0.9em !important;
	text-decoration: none !important;
	line-height: 0.8em !important; }

/**********************************/
/*	PAGE
/**********************************/
/**********************************/
.page .post {
	padding: 0 40px; }

.page .post img {
	margin: 0 20px 30px 0;	}

.nivo-lightbox-image img {
	margin: 0 auto !important;
	text-align: center !important; }

.mdl-h1-page {
	background: #333 !important;
	text-align: center !important;
	width: 100%;
	margin-top: 0 !important;
	padding-top:  0 !important; }

.mdl-h1-page h1 {
	color: #fff !important;
	font-size: 2.5em !important; }

/**********************************/
/*	WOO COMMERCE
/**********************************/
/**********************************/

.categorie-content {
	max-width: 1150px !important;
	margin: 20px auto !important; }

@media screen and (max-width: 1170px) {
.categorie-content {
	padding-left: 15px;
	padding-right: 15px; }}
	
/* Faq */
.schema-faq-section {
	font-size: 1.3em !important; }

.faqbloc {
	background: #FCFCE7;
	padding: 20px !important;
	margin: 0 0 40px 0; }

/* Avis vérifiés */
.products .reviewCount {
	margin-left: 70px !important; }

.products .type-product .netreviews_bg_stars_big div {
	padding-left: 70px !important; }
	
p iframe {
	margin-top: 0 !important;
	padding-top: 0 !important;
	max-height: 380px !important; }

.woocommerce-product-details__short-description a:link, .woocommerce-product-details__short-description a:active, .woocommerce-product-details__short-description a:visited, .woocommerce-product-details__short-description a:hover, .woocommerce-tabs a:link, .woocommerce-tabs a:visited, .woocommerce-tabs a:active, .woocommerce-tabs a:hover, .post a:link, .post a:active, .post a:visited, header .term-description a:link, header .term-description a:active, header .term-description a:visited, header .term-description a:hover {
	color: #005194 !important; }

.post a:hover, .woocommerce-product-details__short-description a:hover, .woocommerce-tabs a:hover {
	text-decoration: underline !important; }

.caracteristiques, .cross-sells {
	background: #DDDEBF;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px; }

.caracteristiques ul {
	margin-left: 20px !important; }

.caracteristiques ul li {
	list-style-type: none;
	line-height: 2em !important;
	border-bottom: 1px solid #000000; }

.cross-sells ul.products li.product {
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important; }

.cross-sells h2 {
	font-size: 1.4em !important;
	line-height: 1em !important; }

img.card-arrondi  {
	border: 10px solid #fff; }

h2.blanc, h2.blanc strong, p.endroit strong, .listeaccueil li, .buttonedito span {
	font-weight: 100 !important; }

.buttonedito {
	margin: 30px auto 20px auto !important; 
	max-width: 370px !important;}
	
.buttonedito span {
	font-size: 1.3em !important;}

a:hover.button, a:hover.button span	 {
	background: #ccc !important;
	color: #000 !important;
	text-decoration: none !important; }

.h3grand h3 {
	font-size: 3em !important;
	text-transform: uppercase; }

p.textegris {
	color: #7A7A7A !important;
	font-size: 1.2em; }

.produitfondbleu {
	background: #6C9BA5 !important;
	padding: 20px 10px !important;
	text-align: left !important;
	border: 1px solid #fff !important; }

.produitfondbleu .h4produit, .produitfondbleu p {
	color: #fff !important; }

.produitfondbleu p a.button {
	margin-left: auto !important;
	margin-right: auto !important; }

.produitfondbleu a:link.button, .produitfondbleu a:link.button span, .produitfondbleu a:active.button, .produitfondbleu a:active.button span, .produitfondbleu a:visited.button, .produitfondbleu a:visited.button span   {
	text-align: center !important;
	background: #fff !important;
	color: #000 !important;
	font-size: 1.2em !important; }

.produitfondbleu a:hover.button, .produitfondbleu a:hover.button span {
	text-align: center !important;
	background: #96234E !important;
	color: #fff !important;
	font-size: 1.2em !important; }

/* SLIDER */
#gutenslider-jcx3m1c3v img, .kitsurface img, .presta figure a img {
	-moz-border-radius: 20px 20px 20px 20px !important;
	-webkit-border-radius: 20px 20px 20px 20px !important;
	border-radius: 20px 20px 20px 20px !important; }

.presta h3, .presta h3 a:link, .presta h3 a:active, .presta h3 a:visited, .presta h3 a:hover  {
	background: #97224C !important;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 1.2em !important;
	text-transform: uppercase !important; }

.presta h3 {
	max-width: 80%;
	margin: 20px auto;
	padding: 10px 20px;
	line-height: 0.8em !important; }

.contenutexte h2, h2.h2accueil  {
	font-size: 3em !important;
	font-weight: 400 !important;
	color: #000 !important;
	border-bottom: none !important; }

.edito ul {list-style: none;}

.edito li::before {content: "▪"; color: orange;
  display: inline-block; width: 1em;
  margin-left: -1em ;}
 
.wp-block-kioken-kinetic-posts article .grid-image-area a img {
	width: 300px;
	max-height: 200px; }

.wp-block-kioken-kinetic-posts article .grid-image-area  {
	max-width: 300px; }

.blog h4 a:link, .blog h4 a:active, .blog h4 a:visited, .blog h4 a:hover  {
	color: #932353 !important;
	font-size: 0.8em;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	line-height: 1em; }

.reseaux {
	max-width: 450px;
	margin-left: auto !important;
	margin-right: auto !important; }

.reseaux li a img {
	text-align: center !important; }

.reassurance p.h4 {
	font-size: 1.4em !important;
	font-weight: 400 !important; }

.colonne1 {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important; }


#gutenslider-i53jwsly9 .bg-image img {
	animation: move 20s ease;
	-ms-animation: move 20s ease;
	-webkit-animation: move 20s ease;
	-0-animation: move 20s ease;
	-moz-animation: move 20s ease; }

@-webkit-keyframes move {
0% {
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0); }

100% {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-moz-transform: scale(1.3); } }

a.wc-forward {
	padding: 10px 20px !important; }

.gutenslider-content-initial {
	color: #fff !important;
	font-weight: 700 !important;
	text-align: left !important;
	text-shadow: 0.1em 0.1em 0.05em #333 !important; }

.eedee-gutenslider-autocaption {
	background: #DEB34A !important;
	padding: 10px 20px !important;
	color: #fff !important;
	font-size: 2em !important;}	

@media screen and (min-width: 1024px) {
.mega-custom-icon {
	text-align: center !important; }

.mega-custom-icon .mega-title-below {
	font-size: 1em !important; } }

ul li ul li.mega-menu-item a:hover, ul li ul li.mega-menu-item a:hover .mega-title-below {
	background: #96234E !important;
	color: #fff !important; }

@media screen and (max-width: 1024px) {	
ul li ul li.mega-menu-item a:link, ul li ul li.mega-menu-item a:active , ul li ul li.mega-menu-item a:visited , ul li ul li.mega-menu-item a:hover {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	width: 220px !important; }

.mega-menu-item ul{
	width: 220px !important; }

.mega-custom-icon:before {
	display: none !important; }

.mega-custom-icon {
	text-align: left !important;
	background: #fff !important; }

.mega-custom-icon .mega-title-below {
	font-size: 1em !important; } }

.mdl-navigation li ul {
	background: #fff !important; }

p.promo {
	background: #004A8F!important;
	color: #fff !important;
	padding: 10px;
	font-size: 1.3em !important; }

a:link span.stock, a:active span.stock, a:visited span.stock, a:hover span.stock {
	color: #690 !important; }

a p.h2, #tab-description p.h2, #tab-additional_information p.h2, p.yikes-custom-woo-tab-title, .upsells h3 {
	color: #A1124D;
	font-size: 1.5em !important;
	font-weight: bold !important;
	line-height: 30px !important;	}

.upsells h3 {
	text-align: center !important;	}


div#edd56285-ce15-4707-a4ff-ffdc6a3732d1 {
	z-index: -9999 !important;}
	
hr {
	border: 0px solid #000 !important;
	height: 1px !important;
	background: #000 !important; }

p.titreicones {
	font-size: 1.3em;
	font-weight: 700;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important; }

ul.infosicones {
	list-style-type: none !important;
	margin-left: 25px !important;  }

p.texteicones {
	margin: 0 0 20px 0 !important;}

.tutoriel {
	border: 1px solid #000 !important;
	padding: 20px !important;
	margin: 20px 0 !important; }

.tutoriel h3 {
	text-align: center !important;
	margin: 10px auto !important; }

figcaption a {
	font-size: 11px !important; }
	
#tab-title-♻-emballages-recycles a:link, #tab-title-♻-emballages-recycles a:active, #tab-title-♻-emballages-recycles a:visited {
	color: #2F5922 !important; }

.enstock strong {
	color: #3A20FB !important;
	font-size: 1.2em !important; }
	
bdi {
	font-size: 1.1em;
	font-weight: 700 !important; }

.cadrejaune {
	background: #FBF8E0;
	border: 1px solid #000;
	padding: 10px; }

@media screen and (max-width: 1024px) {	
.postid-3 .mdl-navigation, .postid-4 .mdl-navigation {
	display: none !important; } }

/* Gestion générale des boutons du site */
.wp-block-button a, .wc-block-featured-product__link a {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important; }
	
.wp-block-button a:link, .wp-block-button a:active, .wp-block-button a:visited  {
	background: #295C6D !important;
	color: #fff !important;
	padding: 10px 30px;  }

.wp-block-button a:hover {
	background: #fff !important;
	color: #295C6D !important;
	border: 1px solid #6B512E !important;
	text-decoration: none !important; }

.briquecataccueil {
	border: 1px solid #ccc;
	margin: 0 5px !important; 
	padding-bottom: 20px !important; }

p.baseline {
	font-size: 1.5em !important; }

/* BRIQUE POURQUOI */
/* Au bon endroit pour... */
ul.listeaccueil {
	margin: 0 !important;
	padding: 0 !important; }

.listeaccueil li {
	padding: 10px 0 !important; }

.listeaccueil li a {
	margin: 0px 20px 0px 0px; }

.endroit {
	font-size: 1.8em;}
	
.card-ronde figure img {	
	border-radius: 50%;
	margin: 0 auto !important;
	border: 7px solid #6B512E; }

.card-ronde h3 {
	font-size: 1.5em; }

/* BRIQUE PRODUIT ACCUEIL */
	
.blocproduit h4 {
	color: #295C6D !important; }

.bloc1150 {
	max-width: 1150px; 
	margin-left: auto !important;
	margin-right: auto !important; }

.bloc1150 .wp-block-column {
	padding: 10px; }

.blocbleu {
	background: #E3EEF4 !important; }

.blocbleusombre {
	width: 100% !important;
	background: #295C6D !important; }

.cardborder1px {
	border: 1px solid #ccc; 
	padding-bottom: 20px; }

.pagedevente100 {
	background: #c30 !important;
	width: 100% !important; }

.grissombre {
	background: #282834; }

.width100bloc {
	width: 100% !important;
	padding: 10px; }

.editop {
	font-size: 1.7em; }

.editop a:link, .editop a:active, .editop a:visited, .editop a:hover {
	color: #fff !important;
	font-size: 1em !important;
	text-decoration: none !important; }

.blocbleuciel {
	background: #DEE6E8 !important; }