/**** hikashop *************************************************************************************************/
/* Gardez la hiéarchie des balises dans l'écriture de votre code css, d'abord les parents, ensuite les enfants */
/* Essayez de faire des sections dans ce fichier css, section pour produits, section pour commande, pour panier etc...*/

div.hikashop_category_information .hikashop_products_listing_main
{
border-top: 1px solid #eee;
}
div.hikashop_category_information .hikashop_products_listing_main h2
{
margin-top: 2rem;
margin-bottom: 2rem;
text-align: center;
font-size: 2rem;
}

/********** hikashop creation compte ***********/

div.alert.alert-info.alert-block 
{
margin-top: 10px;
margin-bottom: 10px;
}
div.hkform-group.control-group.hikashop_registration_privacy_line 
{
margin-top: 15px;
}
button.hikabtn
{
margin: 5px 0;
width: 100px;
/* modif sm background: #d71e46;*/
background: #C3C3C3;
color: white;
padding: 5px 15px;
border: 1px solid #131313;
}
button.hikabtn:hover
{
background: white;
color:  #131313;
border: 1px solid #131313;
}
/******** compte-client adresse **********/
dl.hika_options.large > dt 
{
width: 215px;
}
dl.hika_options > dt 
{
text-align: left;
}
div.hika_edit a 
{
color: #792b4f;
}

/********** compte-client listing commandes *********/

div#hikashop_order_listing select#filter_order_range 
{
margin-left: 10px;
}
div.hikashop_orders_content a 
{
color: #792b4f;
}
/*		bouton: Continuer vos achats			*/	
div.hikashop_checkout_buttons  div.buttons_left a.hikabtn
{
font-size: 2rem;
font-weight: bold;
line-height: 2.5rem;
color: white;
background-color: #828282;
margin-top: 3rem;
border-radius: 50px;
border: 2px solid #202020;
}
div.hikashop_checkout_buttons  div.buttons_left a.hikabtn:hover
{
color: #828282;
background-color: white;
border: 2px solid #828282;
}

div.produitsdescription
{
color: #373d4e;
border: 1px solid #373d4e;
padding: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
}

div.titresdescriptions h2
{
font-family: 'montserrat-bold';
font-size: 1.5rem;
}

div.produitdescriptionsuite
{
text-align: center;
}

div.titresficheproduit
{
margin : 5rem;
color: #373d4e;
}

div.titresficheproduit h2
{
font-family: 'montserrat-bold';
}

div.grillelesplus
{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
div.grillelesplus figure
{
margin: 0.5rem;	/*	margin des colonnes, donne donc 1rem MINIMUM (0.5rem + 0.5rem) entre 2 colonnes*/
text-align: center;	/* pour centrer l'image et le texte dans la colonne */
width: 140px;	/* 	la largeur minimum est de 100px mais cela dépend de l'icone ou de l'image,
					du texte à afficher, un titre simple en petit font size, va entrer dans 100px
					on fonctionne en px fixe ici, PAS DE POURCENTAGE*/
/*width: 270px;	/*	la largeur MAXIMUM pour les cellulaires est de 320px en comptant les marges
					ce qui donne donc un grand maximum de 270px par colonne (1rem = +/- 10px)
					car il faut compter les marges des conteneurs de la grille fixée au minimum à 1rem
					il est désagréable de refaire tout le style quand il ne répond pas aux limites...*/
}
div.grillelesplus img	/* 	il n'est d'usage d'utiliser une image plus grande que 270px dans le flex pour
					avoir un responsive convenable, il faut utiliser un autre modèle si nous avons
					des images plus larges que 270px, on fonctionne en px fixe ici, PAS DE POURCENTAGE*/
{

}
div.grillelesplus figcaption	/* 	figcaption hérite de son parent figure. En remettant ici le texte à gauche
						il n'y aura que l'image centrée dans la colonne
						on fonctionne en px fixe ici, PAS DE POURCENTAGE*/
{
/*text-align: left;*/
}

div.floatlesplus
{
text-align: left;
}

div.floatlesplus h3
{
padding-bottom: 1rem;
}

div.floatlesplus div.float-left /*		les div enfants float-left et float-right nécessite qu'on les appelle avec le parent float00		*/
{
float: left;
padding-right: 0.5rem;
width: 49%; /* laisser 1% aux marges*/
}

div.floatlesplus div.float-left p/*		les div enfants float-left et float-right nécessite qu'on les appelle avec le parent float00		*/
{
margin-left: 7rem;
padding-right: 5rem;
}
/*					le responsive assigne les 2 div enfants float-left et float-right 
					on n'a donc pas besoin de rajouter du code dans responsive.css */
div.floatlesplus div.float-right
{
float: right;
padding-left: 0.5rem;
width: 49%;
}

div.floatlesplus div.float-right p
{
margin-left: 7rem;
padding-right: 5rem;
}

div.floatlesplus div.float-left img
, div.floatlesplus div.float-right img
{
/*width: 100%;*/
position: relative;
top: 4rem;
}

div.floatdescription1
{
text-align: left;
margin-top: 5rem;
}
div.floatdescription1 div.float-left /*		les div enfants float-left et float-right nécessite qu'on les appelle avec le parent float00		*/
{
float: left;
padding-right: 0.5rem;
width: 49%; /* laisser 1% aux marges*/
}

div.floatdescription1 div.float-left h2 /*		les div enfants float-left et float-right nécessite qu'on les appelle avec le parent float00		*/
{
/*margin-top: 2rem;*/
margin-bottom: 2rem;
color: #373d4e;
font-family: 'montserrat-bold';
font-weight: normal;
}
/*					le responsive assigne les 2 div enfants float-left et float-right 
					on n'a donc pas besoin de rajouter du code dans responsive.css */
div.floatdescription1 div.float-right
{
float: right;
padding-left: 0.5rem;
width: 49%;
}

div.floatdescription1 div.float-right img
{
width: 100%;
}

div.floatdescription2
{
text-align: left;
margin-top: 5rem;
}
div.floatdescription2 div.float-left /*		les div enfants float-left et float-right nécessite qu'on les appelle avec le parent float00		*/
{
float: left;
padding-right: 0.5rem;
width: 49%; /* laisser 1% aux marges*/
}
/*					le responsive assigne les 2 div enfants float-left et float-right 
					on n'a donc pas besoin de rajouter du code dans responsive.css */
div.floatdescription2 div.float-right
{
float: right;
padding-left: 0.5rem;
width: 49%;
}

div.floatdescription2 div.float-right h2 /*		les div enfants float-left et float-right nécessite qu'on les appelle avec le parent float00		*/
{
/*margin-top: 2rem;*/
margin-bottom: 2rem;
color: #373d4e;
font-family: 'montserrat-bold';
font-weight: normal;
}

div.floatdescription2 div.float-right a
{
font-family: 'montserrat-medium';
color: #373d4e;
text-decoration: underline;
}
div.floatdescription2 div.float-left img
{
width: 100%;
}

span.titresdescriptions
{
font-family: 'montserrat-bold';
}

div#hikashop_product_custom_info_main h4 /* Enlever le h4 "Spécification" de la fiche produit*/
{
display: none;
}

label.radio /* Ecarter les boutons radio entre eux */
{
padding: 0.5rem;
}

a.hikacart
{
/* modif sm background-color: #d71e46 !important;
border-color: #C3C3C3 !important;*/
background-color: #C3C3C3 !important;
border-color: #C3C3C3 !important;
}

a.hikacart:hover
{
/* modif sm background-color: white !important;
border-color: #C3C3C3 !important;
color: #C3C3C3 !important;*/
background-color: white !important;
border-color: #C3C3C3 !important;
color: #C3C3C3 !important;
}

div#hikashop_product_top_part
{
margin-top: 1rem;
margin-bottom: 3rem;
text-align: center;
}

/********** rendre les images produits responsives ***************/
div.hikashop_product_image_subdiv
{
width: 100% !important;
}

img.hikashop_product_listing_image
{
max-width: 100% !important;
}

div.hikashop_product_image
{
height: 100% !important;
}

span.hikashop_product_name a
{
color: #163251;
}

span.hikashop_product_name a:hover
{
/* modif sm color: #d71e46 !important;*/
color: #C3C3C3 !important;
}

span.hikashop_product_price_full 
{
font-family: 'montserrat-semibold';
font-size: 1.5rem;
}

/***************** slider hikashop *****************************/
h1.titre-banner
{
color: white;
font-family: 'montserrat-bold';
padding-top: 8%;
padding-bottom: 8%;
padding-right: 1rem;
padding-left: 1rem;
}

div.banner-chaussettefemme
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
margin-top: 2rem;
}

div.banner-teeshirtfemme
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
margin-top: 2rem;
}

div.banner-sousvetementfemme
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
margin-top: 2rem;
}

div.banner-enceintefemme
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
margin-top: 2rem;
}

div.banner-accessoirefemme
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
margin-top: 2rem;
}

div.banner-chaussettehomme
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
/*margin-top: 2rem;*/
}

div.banner-teeshirthomme
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
margin-top: 2rem;
}

div.banner-sousvetementhomme
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
margin-top: 2rem;
}

div.banner-accessoirehomme
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
margin-top: 2rem;
}

div.banner-quotidien
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
margin-top: 2rem;
}


div.banner-sport
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
margin-top: 2rem;
}

div.banner-bienetre
{
max-height: 380px;
text-align: center;
background-image: url(../../../images/tmpl/banner-image01.jpg);
background-size: cover;
margin-bottom: 2rem;
margin-top: 2rem;
}

span#hikashop_product_name_main
{
color: #373d4e;
font-family: 'montserrat-bold';
font-weight: normal;
}

img#hikashop_main_image
{
max-width: 100%;
}