/* 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;
}*/
/***********************************      		inscription (si on veut changer ou créer un autre style, nommez la class différemment  *************************************/
/***********************************			on nomme la class dans le lien de menu: paramètre d'affichage; classe de la page		*******/
/***********************************			on doit prendre soin de mettre un espace devant le nom de la class						*******/
/*****************************************       est-ce avec l'inscription fabrik ? */
div.registration.inscription
{
width: 90%;
/*padding: 1rem;*/
/*border: 1px solid #13203D;*/
/*margin: 1rem;*/
font-size: 1.5rem;
}



div.registration.inscription div.control-group
{
display: inline !important;

}
div.registration.inscription div.control-group div.control-label
{

}
div.registration.inscription div.control-group div.control-label span.spacer span.text
{

}
div.registration.inscription div.control-group div.control-label span.spacer span.text strong.red /* l'astérix requis */
{
color: red;
}
div.registration.inscription div.control-group div.control-label label.hasPopover.required /* le nom du champ */
{

}
div.popover /* le hoover du nom du champ ( la div est en dehors des positions */
{
display:none;
line-height: 0px;
font-size: 0px;
/*position: relative;
left: 320px !important; /* dépend de la largeur des champs de saisie */
/*padding-top: 23px; /* calcul du top affecté par la largeur, alors, je soustrais */
/*top: 0px !important;*/
}
div.registration.inscription div.control-group div.control-label label#jform_profile_tos-lbl/* les conditions d'utilisation */
{
font-weight: bold;
}
div.registration.inscription div.controls fieldset.radio /* les boutons Accepter ou Non */
{
margin-bottom: 2rem;
}
div.registration.inscription div.control-group /* les boutons S'inscrire ou Annuler */
{

}
div.registration.inscription div.control-group div.controls/* les boutons S'inscrire ou Annuler */
{

}
div.registration.inscription div.control-group div.controls button.btn /* S'inscrire */
, div.registration.inscription div.control-group div.controls a.btn /* Annuler */
{
background: #001B4C none repeat scroll 0 0;
border: 1px solid #001B4C;
color: #ffffff;
padding: 4px 15px;
text-align: center;
font-size: 1.5rem;
line-height: 2rem;
margin: -9px 0 0 0;
}
div.registration.inscription div.control-group div.controls a.btn /* Annuler */
{

margin: 2rem 0px 0px 0px;

}
div.registration.inscription div.control-group div.controls button.btn:hover
, div.registration.inscription div.control-group div.controls a.btn:hover
{
background: white none repeat scroll 0 0;
color: #001B4C;
cursor: pointer;
padding: 4px 14px;
border: 1px solid #001B4C;
}




/***********************************      		connexion le parent wrapper CONNEXION (voir CONNEXION-BIG plus bas)                    *************************************/
div.moduletable.connexion
{
width: 90%;
/*padding: 1rem;*/
/*border: 1px solid #13203D;*/
/*margin: 1rem;*/
font-size: 1.5rem;
}
div.moduletable.connexion form.form-validate
{
width: 70%;
margin: 0 auto;
}
div.moduletable.connexion div.userdata
{
width: 100%;
padding: 1rem;
border: 1px solid #001B4C;
margin: 1rem;
font-size: 1.5rem;
}
div.moduletable.connexion div.userdata div.control-group
, div.moduletable.connexion div.login div.control-group
{
display: flex;
}
div.moduletable.connexion div.userdata div.control-group div.controls
, div.moduletable.connexion div.login div.control-group div.controls
{
width: 100%;
}
div.moduletable.connexion div.userdata div.control-group div.controls div.input-prepend
, div.moduletable.connexion div.login div.control-group div.controls div.input-prepend
{
display: flex;
}
div.moduletable.connexion div.userdata div.control-group div.controls span.add-on
, div.moduletable.connexion div.login div.control-group div.control-label
{
width: 40%;
}
div.moduletable.connexion #form-login-username label.element-invisible
, div.moduletable.connexion #form-login-password label.element-invisible
, div.moduletable.connexion div.login label.required
{
color: #001B4C;
/*width: 35%;*/
/*padding-right: 2rem;*/
}
div.moduletable.connexion div.userdata div.control-group div.controls div.input-prepend input
, div.moduletable.connexion div.login div.control-group div.controls div.input-prepend input
{
width: 50%;
}
div.moduletable.connexion div.userdata div.control-group div.controls input#modlgn-username.input-small
, div.moduletable.connexion div.userdata div.control-group div.controls input.validate-username
{
color: #001B4C;
/*width: 19rem;*/
font-size: 1.5rem;
/*margin-left: 2.3rem;*/
}
div.moduletable.connexion div.userdata div.control-group div.controls #modlgn-passwd.input-small
, div.moduletable.connexion div.userdata div.control-group div.controls input.validate-password
{
color: #001B4C;
/*width: 19rem;*/
font-size: 1.5rem;
/*margin-left: 0.4rem;*/
}
div.moduletable.connexion div.userdata div#form-login-remember input#modlgn-remember
{
vertical-align: bottom;
margin: 1rem;
}
div.moduletable.connexion div.remind
, div.moduletable.connexion div.reset
{
font-size: 1.5rem;
padding: 1rem;
border: 1px solid #001B4C;
}
div.moduletable.connexion div.userdata div#form-login-remember label.control-label
, div.moduletable.connexion div.userdata div#form-login-remember div.control-label label
{
color: #001B4C;
}
div.moduletable.connexion div.userdata div#form-login-submit div.controls
{
margin-left: 0rem;
}
div.moduletable.connexion div.userdata div#form-login-submit button.btn.btn-primary
, div.moduletable.connexion div.userdata div#form-login-submit div.controls button.btn.btn-primary
{
background: #001B4C 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;
}
div.moduletable.connexion div.userdata div#form-login-submit button.btn.btn-primary:hover
, div.moduletable.connexion div.userdata div#form-login-submit div.controls button.btn.btn-primary:hover
{
background: white none repeat scroll 0 0;
color: #001B4C;
cursor: pointer;
padding: 4px 14px;
border: 1px solid #001B4C;
}
div.moduletable.connexion form#login-form.form-inline ul.unstyled

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

}
div.moduletable.connexion form#login-form.form-inline ul.unstyled li
{

margin: 15px 0;
list-style: none;
/*padding: 5px 15px;*/
}
div.moduletable.connexion form#login-form.form-inline ul.unstyled li:hover
{


}
div.moduletable.connexion form#login-form.form-inline ul.unstyled li a
{
margin: 1px 0;
width: 200px;
background: #001B4C;
color: white;
padding: 5px 15px;

}
div.moduletable.connexion form#login-form.form-inline ul.unstyled li a:hover
{
background: white;
color:  #001B4C;
border: 1px solid #13203D;
}
div.moduletable.connexion ul.nav.nav-tabs.nav-stacked
{
width: 18rem;
padding: 1rem;
border: 1px solid #001B4C;
margin: 1rem;
margin-left: 7.5rem;
text-align: center;
}
div.moduletable.connexion ul.nav.nav-tabs.nav-stacked li
{

margin: 15px 0;
list-style: none;
/*padding: 5px 15px;*/
}
div.moduletable.connexion ul.nav.nav-tabs.nav-stacked li:hover
{


}
div.moduletable.connexion ul.nav.nav-tabs.nav-stacked li a
{
margin: 1px 0;
width: 200px;
background: #001B4C;
color: white;
padding: 5px 15px;

}
div.moduletable.connexion ul.nav.nav-tabs.nav-stacked li a:hover
{
background: white;
color:  #001B4C;
border: 1px solid #001B4C;

}


/***********************************      		connexion-big le parent wrapper CONNEXION-BIG                    *************************************/
/*
dans le module mod-login dans la première page de module
il faut afficher le texte des labels, et non les icones
*/
/*div.registration.inscription
{
width: 90%;
/*padding: 1rem;*/
/*border: 1px solid #13203D;*/
/*margin: 1rem;*/
/*font-size: 1.5rem;
}*/
div.moduletable.connexion-big
, div.registration.inscription
{
width: 270px;
/*padding: 1rem;*/
/*border: 1px solid #13203D;*/
margin: 0 auto;
font-size: 1.7rem;
text-align: center;
}

div.moduletable.connexion-big:before
, div.registration.inscription legend
{
/*content: "D\00E9j\00E0  client ? Connectez-vous !";*/
content: "Se connecter";
font-size: 3rem;
font-weight: bold;
line-height: 4rem;
color: #001B4C;
font-family: 'raleway-extrabold';
}
div.registration.inscription legend
{
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 2.5rem;
}
div.moduletable.connexion-big form#login-form
{
width: 270px;
/*padding: 1rem;*/
/*border: 1px solid #13203D;*/
/*margin: 1rem;*/
font-size: 1.6rem;
text-align: left;
}

div.moduletable.connexion-big form.form-validate
{
width: 100%;
margin: 0 auto;
margin-top: 2rem;
}
div.registration.inscription fieldset
{
text-align: left;
margin-bottom: 2rem;
}
div.moduletable.connexion-big div.userdata
{
/*width: 90%;*/
/*padding: 1rem;*/
/*border: 1px solid #13203D;*/
/*margin: 1rem;*/
/*font-size: 2rem;*/
}
div.moduletable.connexion-big div.userdata div.control-group
, div.moduletable.connexion-big div.login div.control-group
{
display: flex;
width: 273px;
}
div.moduletable.connexion-big div.userdata div.control-group div.controls
, div.moduletable.connexion-big div.login div.control-group div.controls
{
/*width: 50%;*/
color: black !important;
/*width: 100%;*/
/*width: 270px; était avant width 50%*/
}
div.moduletable.connexion-big div.userdata div.control-group div.controls div.input-prepend
, div.moduletable.connexion-big div.login div.control-group div.controls div.input-prepend
{
/*display: flex;*/
}
div.moduletable.connexion-big div.userdata div.control-group div.controls span.add-on
, div.moduletable.connexion-big div.login div.control-group div.control-label
{
width: 270px;
}
div.moduletable.connexion-big #form-login-username label.element-invisible
, div.moduletable.connexion-big #form-login-password label.element-invisible
, div.moduletable.connexion-big div.login label.required
{
color: #001B4C;
/*width: 35%;*/
line-height: 3.5rem;
}
div.moduletable.connexion-big div.userdata div.control-group div.controls div.input-prepend input
, div.moduletable.connexion-big div.login div.control-group div.controls div.input-prepend input
{
width: 100%;
}
div.moduletable.connexion-big div.userdata div.control-group input.inputbox
{
/*margin-left: 1rem;*/
color: black !important;
}
div.moduletable.connexion-big div.userdata div.control-group div.controls input#modlgn-username.input-small
, div.moduletable.connexion-big div.userdata div.control-group div.controls input.validate-username
{
color: #001B4C;
width: 260px;
margin: 0px;
padding: 0.5rem 0.5rem;
font-size: 1.7rem;
/*margin-left: 2.3rem;*/
}
div.moduletable.connexion-big div.userdata div.control-group div.controls #modlgn-passwd.input-small
, div.moduletable.connexion-big div.userdata div.control-group div.controls input.validate-password
{
color: #001B4C;
width: 260px;
font-size: 1.7rem;
padding: 0.5rem 0.5rem;
margin: 0px;
/*margin-left: 0.4rem;*/
}
div.moduletable.connexion-big div.userdata div#form-login-remember input#modlgn-remember
{
vertical-align: bottom;
margin: 1rem 0px;
}
div.moduletable.connexion-big div.remind
, div.moduletable.connexion-big div.reset
{
font-size: 1.7rem;
padding: 1rem;
/*border: 1px solid #13203D;*/
}
div.moduletable.connexion-big div.userdata div#form-login-remember label.control-label
, div.moduletable.connexion-big div.userdata div.controls label
/*, div.moduletable.connexion-big div.userdata div#form-login-remember div.control-label label*/
{
display: block;
color: #001B4C;
width: 270px;
line-height: 3rem;
}
div.moduletable.connexion-big div.control-label
{
display: inline;
}
div.moduletable.connexion-big div.userdata div#form-login-submit div.controls
{
margin: 0rem auto;/* pour centrer le bouton envoyer */
}
div.moduletable.connexion-big div.userdata div#form-login-submit button.btn.btn-primary
, div.moduletable.connexion-big div.userdata div#form-login-submit div.controls button.btn.btn-primary
, div.moduletable.connexion-big form#login-form div.logout-button input.btn.btn-primary
{
/*margin-left: 25%;*/
margin-top: 1rem;
width: 270px;
background: #001B4C;
color: white;
padding: 0.5rem 0px;
border: 1px solid #001B4C;
font-size: 1.7rem;
border-radius: 5px;
}
div.moduletable.connexion-big div.userdata div#form-login-submit button.btn.btn-primary:hover
, div.moduletable.connexion-big div.userdata div#form-login-submit div.controls button.btn.btn-primary:hover
, div.moduletable.connexion-big form#login-form div.logout-button input.btn.btn-primary:hover
{
background: white none repeat scroll 0 0;
color: #001B4C;
cursor: pointer;
border-radius: 5px;

}

div.moduletable.connexion-big form#login-form.form-inline ul.unstyled

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

}
div.moduletable.connexion-big form#login-form.form-inline ul.unstyled li
{
margin: 1rem auto;
/*padding: 1rem auto;*/
list-style: none;
text-align: center;
background: white;
color: #21405A;
max-width: 270px;
/*padding: 5px 15px;*/
}
div.moduletable.connexion-big form#login-form.form-inline ul.unstyled li:hover
{


}

div.moduletable.connexion-big form#login-form.form-inline ul.unstyled li a
{
/*margin: 1px 0;*/
max-width: 270px;
background: white;
color: #21405A;
text-align: center;
/*padding: 5px 15px;*/
border: 1px solid white;

}
div.moduletable.connexion-big form#login-form.form-inline ul.unstyled li a:hover
{
/*background: white;
color:  #21405A;*/
/*border: 1px solid #21405A;*/
color: #d8323c;

}

div.moduletable.connexion-big 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.7rem;
}
div.moduletable.connexion-big ul.nav.nav-tabs.nav-stacked li
{

margin: 15px 0;
list-style: none;
/*padding: 5px 15px;*/
}
div.moduletable.connexion-big ul.nav.nav-tabs.nav-stacked li:hover
{


}
div.moduletable.connexion-big ul.nav.nav-tabs.nav-stacked li a
{
margin: 1px 0;
width: 200px;
background: #001B4C;
color: white;
padding: 5px 15px;

}
div.moduletable.connexion-big ul.nav.nav-tabs.nav-stacked li a:hover
{
background: white;
color:  #001B4C;
border: 1px solid #001B4C;

}
div.moduletable.connexion-big label.hasTooltip.required title
{
background: #ffffff;
}

/***********************************    voici le css de la div login  		                    *************************************/

/***********************************   cette div s'affiche lorsqu'on éprouve un problème de connection   		                    *************************************/
/***********************************   le modèle css est fait à partir de moduletable.connexion-big   		                    *************************************/

div.login
{
width: 90%;
padding: 1rem;
border: 1px solid #13203D;
margin: 1rem;
font-size: 2rem;
}
div.login form.form-validate
{
width: 100%;
padding: 1rem;
/*border: 1px solid #13203D;*/
margin: 0 auto;
margin-top: 2rem;
font-size: 1.7rem;
}
div.login form.form-validate:before
{
content: "D\00E9j\00E0  membre ? Connectez-vous !";
font-size: 3rem;
font-weight: bold;
line-height: 4rem;
color: #21405A;

}
div.login form.form-validate div.control-group
{

}
div.login form.form-validate div.control-group div.control-label /* les labels */
{

}
div.login form.form-validate div.control-group div.controls /* les champs */
{

}

div.login div.control-group div.controls div.input-prepend
, div.login div.control-group div.controls div.input-prepend
{
display: flex;
}
div.login div.control-group div.controls span.add-on
, div.login div.control-group div.control-label
{
width: 270px;
}
div.login #form-login-username label.element-invisible
, div.login #form-login-password label.element-invisible
, div.login label.required
{
color: #13203D;
/*width: 35%;*/
line-height: 3.5rem;
}
div.login div.control-group div.controls div.input-prepend input
, div.login div.control-group div.controls div.input-prepend input
{
width: 100%;
}
div.login div.control-group input.inputbox
{
/*margin-left: 1rem;*/
color: black !important;
}
div.login div.control-group div.controls input#modlgn-username.input-small
, div.login div.control-group div.controls input.validate-username
{
color: #13203D;
width: 270px;
margin: 0px;
padding: 0.5rem 0px;
font-size: 1.7rem;
/*margin-left: 2.3rem;*/
}
div.login div.control-group div.controls #modlgn-passwd.input-small
, div.login div.control-group div.controls input.validate-password
{
color: #13203D;
width: 270px;
font-size: 1.7rem;
padding: 0.5rem 0px;
margin: 0px;
/*margin-left: 0.4rem;*/
}
div.login div#form-login-remember input#modlgn-remember
{
vertical-align: bottom;
margin: 1rem 0px;
}
div.login div.remind
, div.login div.reset
{
font-size: 1.7rem;
padding: 1rem;
/*border: 1px solid #13203D;*/
}
div.login div#form-login-remember label.control-label
, div.login div#form-login-remember div.control-label label
{
color: #13203D;
width: 270px;
line-height: 3rem;
}

div.login div#form-login-submit div.controls
{
margin-left: 0rem;
}
div.login form.form-validate div.control-group div.controls button.btn.btn-primary
/*, div.login div#form-login-submit div.controls button.btn.btn-primary*/
{
/*margin-left: 25%;*/
margin-top: 1rem;
width: 270px;
background: #21405A;
color: white;
padding: 0.5rem 0px;
border: 1px solid #21405A;
font-size: 1.7rem;
}
div.login form.form-validate div.control-group div.controls  button.btn.btn-primary:hover
/*, div.login div#form-login-submit div.controls button.btn.btn-primary:hover*/
{
background: white none repeat scroll 0 0;
color: #13203D;
cursor: pointer;

border: 1px solid #13203D;
}
/* ici la ul n'est pas dans div.login, le seul moyen de la différencier et d'utiliser div#content */
div#content ul.nav.nav-tabs
{
width: 270px;
padding: 0px;
/*border: 1px solid #13203D;*/
/*margin-left: 326px;*/
margin-left: 3rem;
text-align: center;
font-size: 1.7rem;
padding-top: 1rem;
}
div#content ul.nav.nav-tabs li
{
margin: 1rem 0px 1rem 0px;
padding: 1rem 0px;
list-style: none;
text-align: center;
background: #21405A;
width: 270px;
/*padding: 5px 15px;*/
}
div#content ul.nav.nav-tabs li:hover
{


}

div#content ul.nav.nav-tabs li a
{
/*margin: 1px 0;*/
width: 270px;
background: #21405A;
color: white;
text-align: center;
/*padding: 5px 15px;*/

}
div#content ul.nav.nav-tabs li a:hover
{
background: white;
color:  #21405A;
border: 1px solid #21405A;

}


div.login ul.nav.nav-tabs.nav-stacked li a
{
margin: 1px 0;
width: 200px;
background: #13203D;
color: white;
padding: 5px 15px;

}
div.login ul.nav.nav-tabs.nav-stacked li a:hover
{
background: white;
color:  #13203D;
border: 1px solid #13203D;

}
div.login label.hasTooltip.required title
{
background: #ffffff;
}
/***********************************      		remind et reset : lorsqu'on veut recevoir l'identifiant ou le mot de passe à son adresse email                    *************************************/
div.remind div.control-group div.controls button.btn.btn-primary
, div.reset div.control-group div.controls button.btn.btn-primary
{
/*margin-left: 25%;*/
margin-top: 1rem;
width: 212px;
background: #001B4C;
color: white;
padding: 0.5rem 0px;
border: 1px solid #001B4C;
font-size: 1.7rem;
}
div.remind div.control-group div.controls  button.btn.btn-primary:hover
, div.reset div.control-group div.controls  button.btn.btn-primary:hover
{
background: white none repeat scroll 0 0;
color: #001B4C;
cursor: pointer;

border: 1px solid #001B4C;
}

/***********************************      		connexion-footer                    *************************************/
div.moduletable.connexion-footer
{
width: 95%;
padding-left: 1rem;
padding-right: 1rem;
border-left: 1px solid #001B4C;
/*margin: 1rem;*/
font-size: 1.5rem;
}
div.moduletable.connexion-footer h3
{
font-family: 'raleway-bold';
color: #001B4C;
width: 100%;
padding-left: 1rem;

margin-top: 2rem;
margin-bottom: 2rem;
font-size: 2rem;
line-height: 2.5rem;
font-weight: bold;
}
div.moduletable.connexion-footer form.form-validate
{
width: 70%;
margin: 0 auto;
}
div.moduletable.connexion-footer div.userdata
{
width: 100%;
padding: 1rem;
/*border: 1px solid #13203D;*/
/*margin: 1rem;*/
font-size: 1.5rem;
}
div.moduletable.connexion-footer div.userdata div.control-group
, div.moduletable.connexion-footer div.login div.control-group
{
display: flex;
}
div.moduletable.connexion-footer div.userdata div.control-group div.controls
, div.moduletable.connexion-footer div.login div.control-group div.controls
{
width: 100%;
}
div.moduletable.connexion-footer div.userdata div.control-group div.controls div.input-prepend
, div.moduletable.connexion-footer div.login div.control-group div.controls div.input-prepend
{
display: flex;
}
div.moduletable.connexion-footer div.userdata div.control-group div.controls span.add-on
, div.moduletable.connexion-footer div.login div.control-group div.control-label
{
/*width: 40%;*/
display: none;
}
div.moduletable.connexion-footer #form-login-username label.element-invisible
, div.moduletable.connexion-footer #form-login-password label.element-invisible
, div.moduletable.connexion-footer div.login label.required
{
color: #13203D;
/*width: 35%;*/
/*padding-right: 2rem;*/
}
div.moduletable.connexion-footer div.userdata div.control-group div.controls div.input-prepend input
, div.moduletable.connexion-footer div.login div.control-group div.controls div.input-prepend input
{
width: 100%;
margin-bottom: 5px;
}
div.moduletable.connexion-footer div.userdata div.control-group div.controls input#modlgn-username.input-small
, div.moduletable.connexion-footer div.userdata div.control-group div.controls input.validate-username
{
color: #13203D;
/*width: 19rem;*/
font-size: 1.5rem;
/*margin-left: 2.3rem;*/
}
div.moduletable.connexion-footer div.userdata div.control-group div.controls #modlgn-passwd.input-small
, div.moduletable.connexion-footer div.userdata div.control-group div.controls input.validate-password
{
color: #13203D;
/*width: 19rem;*/
font-size: 1.5rem;
/*margin-left: 0.4rem;*/
}
div.moduletable.connexion-footer div.userdata div#form-login-remember
{
display: none;
}
div.moduletable.connexion-footer div.userdata div#form-login-remember input#modlgn-remember
{
vertical-align: bottom;
margin: 1rem;
}
div.moduletable.connexion-footer div.remind
, div.moduletable.connexion-footer div.reset
{
font-size: 1.5rem;
padding: 1rem;
border: 1px solid #13203D;
}
div.moduletable.connexion-footer div.userdata div#form-login-remember label.control-label
, div.moduletable.connexion-footer div.userdata div#form-login-remember div.control-label label
{
color: #13203D;
}
div.moduletable.connexion-footer div.userdata div#form-login-submit div.controls
{
margin-left: 0rem;
}
div.moduletable.connexion-footer div.userdata div#form-login-submit button.btn.btn-primary
, div.moduletable.connexion-footer div.userdata div#form-login-submit div.controls button.btn.btn-primary
{
background: #001B4C none repeat scroll 0 0;
border: 1px solid #001B4C;
border-radius: 5px;
color: #ffffff;
padding: 5px 35px;
text-align: center;
text-transform: uppercase;
font-size: 1.5rem;
margin: 1rem 0 0 0;
}
div.moduletable.connexion-footer div.userdata div#form-login-submit button.btn.btn-primary:hover
, div.moduletable.connexion-footer div.userdata div#form-login-submit div.controls button.btn.btn-primary:hover
{
background: white none repeat scroll 0 0;
color: #001B4C;
cursor: pointer;
/*padding: 4px 14px;*/
border: 1px solid #001B4C;
}
div.moduletable.connexion-footer form#login-form.form-inline ul.unstyled

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

}
div.moduletable.connexion-footer form#login-form.form-inline ul.unstyled li
{

margin: 15px 0;
list-style: none;
/*padding: 5px 15px;*/
}
div.moduletable.connexion-footer form#login-form.form-inline ul.unstyled li:hover
{


}
div.moduletable.connexion-footer form#login-form.form-inline ul.unstyled li a
{
margin: 1px 0;
width: 200px;
background: #13203D;
color: white;
padding: 5px 15px;

}
div.moduletable.connexion-footer form#login-form.form-inline ul.unstyled li a:hover
{
background: white;
color:  #13203D;
border: 1px solid #13203D;
}
div.moduletable.connexion-footer ul.nav.nav-tabs.nav-stacked
{
width: 18rem;
padding: 1rem;
border: 1px solid #13203D;
margin: 1rem;
margin-left: 7.5rem;
text-align: center;
}
div.moduletable.connexion-footer ul.nav.nav-tabs.nav-stacked li
{

margin: 15px 0;
list-style: none;
/*padding: 5px 15px;*/
}
div.moduletable.connexion-footer ul.nav.nav-tabs.nav-stacked li:hover
{


}
div.moduletable.connexion-footer ul.nav.nav-tabs.nav-stacked li a
{
margin: 1px 0;
width: 200px;
background: #13203D;
color: white;
padding: 5px 15px;

}
div.moduletable.connexion-footer ul.nav.nav-tabs.nav-stacked li a:hover
{
background: white;
color:  #13203D;
border: 1px solid #13203D;

}
div.moduletable.connexion-footer div.logout-button
{
margin: 1rem auto;
text-align: center;

}
div.moduletable.connexion-footer div.logout-button input
{
margin: 0 auto;
text-align: center;
background: #001B4C none repeat scroll 0 0;
border: 1px solid #001B4C;
border-radius: 5px;
color: #ffffff;
padding: 5px 35px;
text-align: center;
text-transform: uppercase;
font-size: 1.5rem;
margin: 1rem 0 0 0;
}
div.moduletable.connexion-footer div.logout-button input:hover
{
background: white none repeat scroll 0 0;
color: #001B4C;
cursor: pointer;
/*padding: 4px 14px;*/
border: 1px solid #001B4C;
}



/**************************    déconnexion ********************************************/


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.control-label
{
display: inline;
}
*/



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


/******************************************** 				fabrik				 *****************************/
/* 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;
}