/******************************************** 				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: 50%;
}
#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.moduletable.connexion
{
width: 90%;
/*padding: 1rem;*/
/*border: 1px solid #13203D;*/
/*margin: 1rem;*/
font-size: 1.5rem;
}
div.userdata
{
width: 100%;
padding: 1rem;
border: 1px solid #13203D;
margin: 1rem;
font-size: 1.5rem;
}
div.login
{
width: 50%;
padding: 1rem;
border: 1px solid #13203D;
margin: 1rem;
font-size: 1.5rem;
}
form.form-validate
{
width: 70%;
margin: 0 auto;
}
div.userdata div.control-group
, div.login div.control-group
{
display: flex;
}
div.userdata div.control-group div.controls
, div.login div.control-group div.controls
{
width: 100%;
}
div.input-prepend
{
display: flex;
}
div.userdata div.control-group div.controls span.add-on
, div.login div.control-group div.control-label
{
width: 40%;
}
div.input-prepend input
{
width: 50%;
}
div#form-login-remember input#modlgn-remember
{
vertical-align: bottom;
margin: 1rem;
}
div.remind
, div.reset
{
font-size: 1.5rem;
padding: 1rem;
border: 1px solid #13203D;
}
/*
div.userdata div.control-group div.control-label
{
width: 30%;
}
*/
ul.nav.nav-tabs.nav-stacked
{
width: 18rem;
padding: 1rem;
border: 1px solid #13203D;
margin: 1rem;
margin-left: 7.5rem;
text-align: center;
}

#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: 19rem;*/
font-size: 1.5rem;
/*margin-left: 2.3rem;*/
}


#modlgn-passwd.input-small
, input.validate-password
{
color: #13203D;
/*width: 19rem;*/
font-size: 1.5rem;
/*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;
}
div.control-group input.inputbox
{
/*margin-left: 1rem;*/
}
#form-login-remember label.control-label
, div.control-label label
{
color: #13203D;
}
#form-login-submit div.controls
{
margin-left: 0rem;
}
#form-login-submit button.btn.btn-primary
, div.controls button.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;
margin: 1rem 0 0 0;
}
#form-login-submit button.btn.btn-primary:hover
, div.controls button.btn.btn-primary:hover
{
background: white none repeat scroll 0 0;
color: #13203D;
cursor: pointer;
padding: 4px 14px;
border: 1px solid #13203D;
}
#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: 15px 0;
list-style: none;
/*padding: 5px 15px;*/
}
#login-form.form-inline ul.unstyled li:hover
, ul.nav.nav-tabs.nav-stacked li:hover
{


}
#login-form.form-inline ul.unstyled li a
, ul.nav.nav-tabs.nav-stacked li a
{
margin: 1px 0;
width: 200px;
background: #13203D;
color: white;
padding: 5px 15px;

}
#login-form.form-inline ul.unstyled li a:hover
, ul.nav.nav-tabs.nav-stacked li a:hover
{
background: white;
color:  #13203D;
border: 1px solid #13203D;

}
label.hasTooltip.required title
{
background: #ffffff;
}

