/******************************************** 				fabrik				 *****************************/


/*

		gros ménage à faire


*/
/* créer un compte INSCRIRE et se connecter */
div.page-header h1
{
margin: 3rem auto 1rem auto;
}
form#form_2.fabrikForm
, form#form_6.fabrikForm
, [id^="form_4"].fabrikForm
, [id^="form_7"].fabrikForm
, [id^="form_8"].fabrikForm
{
width: 60%;
margin: 1rem auto 3rem auto;
padding: 1rem ;
border: 1px solid #13203D;
}
/* formulaire flex, label et element */
form#form_2.fabrikForm div.controls
, form#form_6.fabrikForm div.controls
, [id^="form_4"].fabrikForm div.controls
, [id^="form_7"].fabrikForm div.controls
, [id^="form_8"].fabrikForm div.controls
{
width: 75%;
}
form#form_2.fabrikForm  div.control-group
, form#form_6.fabrikForm  div.control-group
, [id^="form_4"].fabrikForm  div.control-group
, [id^="form_7"].fabrikForm  div.control-group
, [id^="form_8"].fabrikForm  div.control-group
{
display: flex;
margin:  0.5rem;
}
form#form_2.fabrikForm  div.control-group label.fabrikLabel
, form#form_6.fabrikForm  div.control-group label.fabrikLabel
, [id^="form_4"].fabrikForm  div.control-group label.fabrikLabel
, [id^="form_7"].fabrikForm  div.control-group label.fabrikLabel
, [id^="form_8"].fabrikForm  div.control-group label.fabrikLabel

{
width: 25%;
margin:  0.5rem;
font-size: 1.5rem;
}
form#form_2.fabrikForm div.control-group.plg-display label.fabrikLabel
, form#form_6.fabrikForm div.control-group.plg-display label.fabrikLabel
, [id^="form_4"].fabrikForm div.control-group.plg-display label.fabrikLabel
, [id^="form_7"].fabrikForm div.control-group.plg-display label.fabrikLabel
, [id^="form_8"].fabrikForm div.control-group.plg-display label.fabrikLabel
{
width: 50%;
}
form#form_2.fabrikForm div.controls div.fabrikElement
, form#form_6.fabrikForm div.controls div.fabrikElement
, [id^="form_4"].fabrikForm div.controls div.fabrikElement
, [id^="form_7"].fabrikForm div.controls div.fabrikElement
, [id^="form_8"].fabrikForm div.controls div.fabrikElement
{

margin:  0.5rem;
}
form#form_2.fabrikForm div.control-group input.inputbox
, form#form_6.fabrikForm div.control-group input.inputbox
, [id^="form_4"].fabrikForm div.control-group input.inputbox
, [id^="form_7"].fabrikForm div.control-group input.inputbox
, [id^="form_8"].fabrikForm div.control-group input.inputbox
{
width: 50%;
font-size: 1.5rem;
}
form#form_2.fabrikForm div.btn-group button.btn.btn-primary.button
, form#form_6.fabrikForm div.btn-group button.btn.btn-primary.button
, [id^="form_4"].fabrikForm div.btn-group button.btn.btn-primary.button
, [id^="form_7"].fabrikForm div.btn-group button.btn.btn-primary.button
, [id^="form_8"].fabrikForm div.btn-group button.btn.btn-primary.button
{
margin:  0.5rem;
font-size: 1.5rem;
padding: 5px 15px;
background-color: #13203D;
color: white;
}
form#form_2.fabrikForm div.btn-group button.btn.btn-primary.button:hover
, form#form_6.fabrikForm div.btn-group button.btn.btn-primary.button:hover
, [id^="form_4"].fabrikForm div.btn-group button.btn.btn-primary.button:hover
, [id^="form_7"].fabrikForm div.btn-group button.btn.btn-primary.button:hover
, [id^="form_8"].fabrikForm div.btn-group button.btn.btn-primary.button:hover
{
margin:  0.5rem;
font-size: 1.5rem;
padding: 4px 14px;
color: #13203D;
background-color: white;
border: 1px solid  #13203D;
}
/* on ne peut pas adresser les balises comme ça, c'est trop général et cela affecte tous*//*  BALISE à singulariser */
div.strength/*  balise à singulariser */
{
margin-top: 0px !important;
}
button.close/*  balise à singulariser */
{
display: none;
}
/*************************************************             profile ********************************************************/
div.profile-edit
{
padding: 2rem;
width: 25%;
margin-left: auto;
margin-right: auto;
}
#profile_tabs li.active a
{
padding-left: 1.7rem;
color: black;
text-transform: uppercase;
}
/*button.btn.btn-primary.validate/*  balise à singulariser *//*
{
margin-left: 1.8rem;
}*/


/***********************************      		connexion (accès connexion client) et (login après erreur est détruit)                    *************************************/

span.loginBtn
{
background: none !important;
color: #13203d !important;
font-size:1.4rem;
font-family:'open_sansregular';
text-transform: uppercase;
width: 10rem;
}
span.loginBtn:hover
{
font-family: 'open_sanssemibold';
}
div.moduletable.deconnexiontext
, div.moduletable.connexiontext
{
width: 50%;
padding: 1.5rem;
border: 1px solid #13203D;
margin: 1rem;
float: right;
font-size: 1.5rem;
min-height: 22px;
text-align: right;
}

div.moduletable.deconnexion
{

width: 50%;
padding: 1rem;
border: 1px solid #13203D;
margin: 1rem;
font-size: 1.5rem;
}
div.moduletable.deconnexion input.btn.btn-primary
{
background: #13203D none repeat scroll 0 0;
border: medium none;
color: #ffffff;
padding: 5px 15px;
text-align: center;
font-size: 1.5rem;
}
div.moduletable.deconnexion input.btn.btn-primary:hover
{
background: white none repeat scroll 0 0;
border: 1px solid #13203D;
color: #13203D;
padding: 4px 14px;
cursor: pointer;
}
div#system-message
{
display: none;
}
div.moduletable.connexion
{
width: 90%;
/*padding: 1rem;*/
/*border: 1px solid #13203D;*/
/*margin: 1rem;*/
font-size: 2rem;
}
div.userdata
{
width: 100%;
padding: 1rem;
/*border: 1px solid #13203D;*/
margin: 1rem;
font-size: 2rem;
}
div.login
{
/*width: 100%;*/
/*padding: 1rem;*/
/*border: 1px solid #13203D;*/
/*margin: 1rem;*/
font-size: 1.5rem;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
div.login:before
{
content: "D\00E9j\00E0  client ? Connectez-vous !";
font-size: 3rem;
font-family: 'montserrat-bold';
/*font-weight: bold;*/
line-height: 4rem;
color: #373d4e;

}
form.form-validate
{
width: 100%;
margin: 0 auto;
margin-top: 2rem;
}
div.userdata div.control-group
, div.login div.control-group
{
/*display: flex;*/
margin-top: 1rem;
}
div.userdata div.control-group div.controls
, div.login div.control-group div.controls
{
width: 270px;
/*margin-left: 25%;*/
font-size: 1.5rem;
}
div.input-prepend
{
display: flex;
}
div.userdata div.control-group div.controls span.add-on
, div.login div.control-group div.control-label
{
width: 25%;
font-size: 1.5rem;
margin-right: 3rem;
}
div.input-prepend input
{
width: 100%;
}
div#form-login-remember input#modlgn-remember
{
/*vertical-align: bottom;*/
margin: 1rem 0px;
}
div.remind
, div.reset
{
font-size: 2rem;
padding: 1rem;
/*border: 1px solid #13203D;*/
}
/*
div.userdata div.control-group div.control-label
{
width: 30%;
}
*/
ul.nav.nav-tabs.nav-stacked
{
/*width: 270px;*/
/*padding: 0px;*/
/*border: 1px solid #13203D;*/
/*margin-left: 326px;*/
/*margin-left: 24.2%;*/
text-align: center;
font-size: 1.5rem;
margin-left: auto;
margin-right: auto;
padding-right: 1rem;
}

#form-login-username label.element-invisible
{
/*margin-right: 10px;*/
}
#form-login-username label.element-invisible
, #form-login-password label.element-invisible
, div.login label.required
{
color: #13203D;
/*width: 35%;*/
padding-right: 2rem;
}
#modlgn-username.input-small
, input.validate-username
{
color: #13203D;
width: 270px;
margin: 0px;
padding: 0.5rem;
font-size: 1.5rem;
/*margin-left: 2.3rem;*/
}


#modlgn-passwd.input-small
, input.validate-password
{
color: #13203D;
width: 270px;
font-size: 1.5rem;
padding: 0.5rem;
margin: 0px;
/*margin-left: 0.4rem;*/
}
div.input-prepend span input.input-small
, input#modlgn-passwd.input-small
{
/*margin-left: 2.4rem;*/
}
div.control-label
{
display: inline;
}

legend
{
font-size: 2rem;
font-family: 'montserrat-bold';
color: #373d4e;
text-align: center;
}

div.control-group
{
margin-top: 1rem;
}

div.control-group div.controls
{
width: 50%;
color: black !important;
margin-top: 1rem;
}
div.control-group input.inputbox
{
/*margin-left: 1rem;*/
color: black !important;
}
#form-login-remember label.control-label
, #form-login-remember div.control-label label
{
color: #373d4e;
font-size: 1.5rem;
}
#form-login-submit div.controls
{
margin-left: 0rem;
}
#form-login-submit button.btn.btn-primary
, #form-login-submit div.controls button.btn.btn-primary
{
background: #373d4e none repeat scroll 0 0;
border: medium none;
color: #ffffff;
padding: 5px 15px;
text-align: center;
font-size: 2rem;
margin: 1rem 0 0 0;
}
#form-login-submit button.btn.btn-primary:hover
, #form-login-submit div.controls button.btn.btn-primary:hover
{
background: white none repeat scroll 0 0;
color: #373d4e;
cursor: pointer;
padding: 4px 14px;
border: 1px solid #373d4e;
}
#login-form.form-inline ul.unstyled

{
padding-top: 1rem;
/*text-align: center;*/

}
#login-form.form-inline ul.unstyled li
, ul.nav.nav-tabs.nav-stacked li
{

margin: 1rem 0px 1rem 0px;
padding: 1rem 0px;
list-style: none;
text-align: center;
/*background: #C3C3C3;*/
/*padding: 5px 15px;*/
}
#login-form.form-inline ul.unstyled li:hover
, ul.nav.nav-tabs.nav-stacked li:hover
{


}
div.login form.form-validate div.controls button.btn-primary
{
/*margin-left: 25%;*/
margin-top: 1rem;
width: 270px;
background: #C3C3C3;
color: white;
padding: 0.5rem 0px;
border: 2px solid #C3C3C3;
font-size: 1.5rem;
font-family: 'montserrat-regular';	
}
div.login form.form-validate div.controls button.btn-primary:hover
{
background: white;
color:  #131313;
border: 2px solid #131313;
}
div.reset form.form-validate div.controls button.btn-primary
{
margin: 5px 0;
width: 100px;
background: #373d4e;
color: white;
padding: 5px 15px;
border: 1px solid #373d4e;	
}
div.reset form.form-validate div.controls button.btn-primary:hover
{
background: white;
color:  #13203D;
border: 1px solid #373d4e;
}
div.remind form.form-validate div.controls button.btn-primary
{
margin: 5px 0;
width: 100px;
background: #131313;
color: white;
padding: 5px 15px;
border: 1px solid #131313;	
}
div.remind form.form-validate div.controls button.btn-primary:hover
{
background: white;
color:  #131313;
border: 1px solid #131313;
}
#login-form.form-inline ul.unstyled li a
, ul.nav.nav-tabs.nav-stacked li a
{
/*margin: 1px 0;*/
width: 270px;
color: #C3C3C3;
text-align: center;
/*padding: 5px 15px;*/

}
#login-form.form-inline ul.unstyled li a:hover
, ul.nav.nav-tabs.nav-stacked li a:hover
{
background: white;
color: black;
/*border: 2px solid #C3C3C3;*/

}
label.hasTooltip.required title
{
background: #ffffff;
}


/****************** page inscription **********************/

div.hkform-horizontal .hkcontrol-label
{
text-align: left !important;
}

div.hikashop_registration_address_info_line
{
display: none;
}

button#hikashop_register_form_button
{
color: white;
/* modif sm background: #d71e46;
border: 2px solid #C3C3C3;*/
background: #C3C3C3;
border: 2px solid #C3C3C3;
font-family: 'montserrat-regular';
padding: 5px;
}

button#hikashop_register_form_button:hover
{
color: #131313;
background: white;
border: 2px solid #131313;
}

.hika_cpanel_icons .hk-icon
{
color: #373d4e !important;
} 

div#address_title_chzn
{
width: 100px !important;
}

div#address_country_chzn
{
width: 322px !important; 
}



/*****Adresse****/

div.hika_toolbar .hikabtn span.hk-icon
{
color: #373d4e;
}

.hika_j2 .btn-success, .hikabtn-success
{

background-color: #C3C3C3 !important;
border-color: #131313 !important;
margin-top: 1rem;
}
btn-success:hover, .hikabtn-success:hover
{

background-color: white !important;
border-color: #131313 !important;
margin-top: 1rem;
}


.hk-row-fluid
{
margin-top: 2rem;
}

/******* Commandes **************/
div.hika_toolbar .hikabtn span.hk-icon
{
color: #373d4e;
}

div.hika_toolbar .hikabtn span.hk-icon
{
color: #373d4e;
}

/****** panier ******/

.header.hikashop_header_title h1
{
font-family: 'montserrat-bold';
color: #373d4e;
font-weight: normal !important;
}

/****** liste favoris *****************/

thead
{
color: #373d4e;
}

/******* affiliations ********/
table.hikashop_affiliate_table tr
{
margin-top: 1rem;
}

/******* panier *****/
.hikashop_wizardbar ul li.hikashop_cart_step_current
{
color: #373d4e !important;
}

.hkbadge-current
{
background-color: #373d4e !important;
}

div.hikashop_checkout_login h1
{
font-family: 'montserrat-bold';
color: #373d4e;
font-weight: normal !important;
text-align: center;
}

div#hikashop_checkout_registration h2
{
text-align: center;
font-family: 'montserrat-bold';
color: #373d4e;
font-weight: normal !important;
margin-top: 2rem;
}

div#hikashop_checkout_login_form h2
{
text-align: center;
font-family: 'montserrat-bold';
color: #373d4e;
font-weight: normal !important;
margin-top: 2rem;
}

div.controls a
{
color: #373d4e;
}
fieldset.hkform-horizontal {max-width: 1000px;}