/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* gestion du logo */



/* tous les supports */
#cms .page-content h1{font-size:30px;margin-bottom:20px;}
#cms #banner-cms img{max-width:100%}
#cms #banner-cms{margin-bottom:20px;}  

/* desktop */
@media(min-width:1024px){ 
    #cms .page-content.page-cms{margin-left:25%;margin-right:25%;}
}

/* tablette vert. - small */
@media(max-width:768px) AND (min-width:600px){ 
    #cms .page-content.page-cms{margin-left:10%;margin-right:10%;}
}

/* Webbax - tuto 20 */
.m-top-20p{margin-top:20px!important;}
.logos-payment{max-width:100%;}

/* Webbax - tuto 21 */

/* version 1 */
/* desktop */
@media(min-width:1025px){ 
    .header-top #top-menu{margin-top:20px;}
    .header-top #search_widget{margin-top:10px;}
}
/* tablette h. */
@media(min-width:1024px)  AND (max-width:1024px){ 
    .header-top #top-menu{margin-top:10px;}
    .header-top #search_widget{margin-top:5px;}
}
/* desktop v. */
@media(min-width:768px) AND (max-width:1023px){ 
    .header-top #top-menu{margin-top:5px;}
    .header-top #search_widget{margin-top:0px;}
}
/* mobile */
@media(max-width:767px){
    #header .logo {height:30px;}
}

/* version 2 */
.logo-v2{text-align:center;}
.logo-v2 img{width:1140px!important;}
 
 
 /*fin gestion logo */


 /* centrage du logo sur mobile suite supression icone menu */
 #header .header-nav .top-logo a img {
	max-height: 50px;
	max-width: 100%;
	padding-left: 50px;
}

/* fin centrage logo */

/*Changement couleur banderole haut écran sur mobile */
#header .header-nav {
	background: black;
	margin-bottom: .625rem;
	color: #232323;
}

/* fin changement couleur*/

/* Changement couleur logo caddy et user */
#header .header-nav .cart-preview .shopping-cart {
	vertical-align: middle;
	color: white;
}

.material-icons {
	font-family: Material Icons;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: "liga";
	font-feature-settings: "liga";
	color:black important;
}


/* fin changement coleur caddy et user*/

/* changement couleur lien sur ecran moyen et grand */

@media(max-width:2600px) AND (min-width:766px){ 
#header .header-nav {
	background: black;
	margin-bottom: .625rem;
	color: #232323 important;
}
#header .header-nav a {
	color:white;
}

}


/* changement couleur autour du logo banniere */
#header .header-top {
	padding-bottom: 1.25rem;
	background: black;
}

/* suppression ligne blanche entre la banière logo et la petit ligne suppéreiure */
#header .header-nav {
	background: black;
	margin-bottom: -0.1rem;
	color: #232323 important;
}


/* changement couleur caddy lorsque vide */
#header .header-nav .cart-preview .shopping-cart {
	vertical-align: middle;
	color: black;
}

/* changemenent couleur caddy sur petit ecran */
@media(max-width:767px){ 
	#header .header-nav .cart-preview .shopping-cart {
	    vertical-align: middle;
	    color: white;
	}
}

/* changement couleur contact dans navbar */
@media(min-width:767px){ 
	#header .header-nav #_desktop_contact_link #contact-link {
	    margin-top: .9375rem;
	    color:white;
	}
}

/* changement couleur icone dans page contact */
.contact-rich .block .icon i {
	font-size: 2rem;
	color: black;
}

/*Changement couleur bouton choix quantité article */
.product-quantity .input-group-btn-vertical .btn i {
	font-size: 1rem;
	top: .125rem;
	left: .1875rem;
	color: black;
}