/* @override 
	https://dev.nailalliance.fr/content/themes/phenyx-theme-default/css/autoload/clean.css */

/* Le résultat du boulot commence ici */ 
:root {

	/* Couleurs des controls */
	--links-color: #1c0302;
	--links-color-contrast: #ffffff;

	--links-hover-color: #2b2b2b;
	--links-hover-color-contrast: #ffffff;

	--links-active-color: #292e29;
	--links-active-color-contrast: #ffffff;

	--links-focus-color: #1f261f;
	--links-focus-color-contrast: #ffffff;
	
	--text-color: gray;
	
	--header-bg: #fff;
	/* Couleur du menu */
	--menu-link-color: gray;
	
	/* Forme et espaces */
	--corner-radius: 3px;
}
a {
    color: var(--links-color);
}
a:hover {
    color: var(--links-hover-color);
}

.btn {
    background-color: var(--links-color);
	color: var(--links-color-contrast);
}
.btn:hover {
    background-color: var(--links-hover-color);
	color: var(--links-hover-color-contrast);
}
.btn:active {
    background-color: var(--links-active-color);
	color: var(--links-active-color-contrast);
}

ul {
	list-style: none;
	padding: 0;
}
img {
	max-width: 100%;
}

header {
	background-color: var(--header-bg);
}



/* 
 *
 *
 *
 *
 *
 Font de tout le site  */
 
@font-face {
    font-family: 'LatoWeb';
	src: url(../../fonts/Lato-Regular.eot);
    src: url('../../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../../fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}
body {
	font-family: "LatoWeb";
	color: black;
	font-size: 16px;
    overflow-x: hidden
}
p,
 .rte {
  line-height: 1.5;
  color: var(--text-color);
	word-wrap: break-word
}
select.form-control  {
	font-size: 14px;
}
@media (min-width: 768px){
h1, h2, h3, h4 {
	font-family: 'Nothing You Could Do', cursive;
}
}

		
/* 
 *
 *
 *
 *
 *
 Eléments avec des coins arrondis en options */
 
 .btn,
 button,
 .form-control {
    border-radius: var(--corner-radius);
 }
 
 /* 
 *
 *
 *
 *
 *
 Des fonds */

header .nav,
.wrap_breadcrumb {
	color: white;
}

/* 
 *
 *
 *
 *
 *
 Des espaces */
 fieldset {
 	padding: 5%;
 }
 
 
 /* Spécial NailAlliance */
 a.a-niveau1,
 .wrap_cart .shopping_cart a {
 	color: var(--menu-link-color);
 }

/* 
 *
 *
 *
 *
 *
 Des espaces */

#footer ul li {
	/* Pour accueillir des icones */
    margin-bottom: 11px
}
#block_contact_infos li:before {
    font-family: FontAwesome;
	padding-right: 10px;
}
#block_contact_infos .phone-item:before {
    content: "\f095"
}
#block_contact_infos .mail-item:before {
    content: "\f0e0"
}


/* hook h="displayFooterBottom" */

#footer .bottom-footer {
	display: block;
	position: relative;
	width: 100%;
	order: 10;
}
#footer .bottom-footer div {
    padding: 15px;
    width: 100%;
    border-top: 1px solid #515151
}


/* 
 *
 *
 *
 *
 * Le menu */
a.a-niveau1 {
	position: relative;
	display: block;
}
.wrap_cart .shopping_cart a {
	padding: 15px;
	display: block;
}

/* Catégorie > subcategories */
ul.subcategories__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
/* Produit */
.col-prix-actions {
	
}

/* 
 *
 *
 *
 *
 * EasyCarousels */
 .easycarousels .button-container {
 	display: flex;
 	justify-content: space-between;
 	flex-direction: column;
 	padding: 0 2%;
 	margin-top: 20px;
 }
 .easycarousels .button-container a.btn + a.btn {
 	/* Le deuxième bouton (vers fiche produit) prend un aspect plus légé */
 	background: none;
 	color: var(--links-color);
 	margin-top: 10px;
 }
 .easycarousels .button-container a.btn + a.btn:hover {
 	text-decoration: underline;
 	color: var(--links-hover-color);
 }