/*form, fieldset 
{
	margin: 0;
	padding: 0;
	border: none;
}
*/
input, button, select 
{
	vertical-align: middle;
}

/*
.button, button, button.btn, input.btn, .btn {
    border: none;
	background: #eb5926;
	color: black;
	padding: 0.5rem;
	text-align: center;
*/
.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover {
	background: #d7391f;
}
.registration input, .login input, .contact input, .contact textarea,
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input 
{

	border: #bebebe 1px solid;
	color: black;
	padding: 0.5rem;
	text-align: left;
	width: 200px;

}

input:focus, .registration input:focus, .login input:focus, .contact input:focus, .contact textarea:focus,
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border: 1px solid black;
}
/***************************** Registration du profil  **********************************************************************************/
div.com-users-registration.registration
{

}
div.com-users-registration
{

margin: 2rem auto;
padding: 2rem;
width: 310px;
border: 1px solid black;
}
div.com-users-registration form#member-registration.com-users-registration__form.form-validate
{

}
div.com-users-registration form#member-registration 						/* utiliser la classe la plus restrictive ou mieux le ID */
{

}
div.com-users-registration form#member-registration fieldset
{
border: none;
}
/* création de compte */
div.com-users-registration form#member-registration fieldset legend 
{

}
div.com-users-registration form#member-registration fieldset div.control-group.field-spacer
{

}
div.com-users-registration form#member-registration fieldset div.control-group
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label
{
width: 120px;
}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label span.spacer
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label span.spacer span.before
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label span.spacer span.text
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label span.spacer span.text label#jform_spacer-lbl
{
display:none;
}
/* champ requis */
div.com-users-registration form#member-registration fieldset div.control-group div.control-label span.spacer span.text label#jform_spacer-lbl strong.red
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label span.spacer span.after
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls
{
width: 250px;
margin-left: 3rem;
}
div.com-users-registration form#member-registration fieldset div.control-group
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label label#jform_email1-lbl.required
{

}
/* adresse email1 */
div.com-users-registration form#member-registration fieldset div.control-group div.control-label label#jform_email1-lbl 
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label label#jform_email1-lbl span.star
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls input#jform_email1.form-control.validate-email.required
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls input#jform_email1
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div#jform[password1]-rules.small.text-muted 
{

}
/* exigences minimales - Caractères : 4 */
div.com-users-registration form#member-registration fieldset div.control-group div.controls div#jform[password1]-rules 
{
display:none;
}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.small.text-muted 
{
display:none;
}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group input#jform_password1.form-control.js-password-strength.validate-password.required
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group input#jform_password1
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group button.btn.btn-secondary.input-password-toggle
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group button.input-password-toggle
{
border: none;
background: none;
}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group button.input-password-toggle:after
{
content:  url("../../../images/icons/oeil_30x18_noir.png");

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group button.input-password-toggle span.icon-eye.icon-fw
{

}
/* Afficher le mot de passe */
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group button.input-password-toggle span.visually-hidden
{

display: none;
}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group meter#progress-0
{
	width: 250px;
display: none;
}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group meter
{
display: none;
}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group div#password-0.text-center
{
display: none;
}
div.com-users-registration form#member-registration fieldset div.control-group
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label label#jform_password2-lbl.required
{

}
/* confirmation */
div.com-users-registration form#member-registration fieldset div.control-group div.control-label label#jform_password2-lbl
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label label#jform_password2-lbl span.star
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group input#jform-password2.form-control.validate-password.required
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group input#jform-password2
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group button.btn.btn-secondary.input-password-toggle
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group button.input-password-toggle
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group button.input-password-toggle span.icon-eye.icon-fw
{

}
/* Afficher le mot de passe */
div.com-users-registration form#member-registration fieldset div.control-group div.controls div.password-group div.input-group button.input-password-toggle span.visually-hidden
{

}
div.com-users-registration form#member-registration fieldset
{

}
/* Confidentialité du site web */
div.com-users-registration form#member-registration fieldset legend 
{
margin: 2rem auto;
font-size: 2rem;
}
div.com-users-registration form#member-registration fieldset div.alert.alert-info
{

}
div.com-users-registration form#member-registration fieldset div.control-group
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label
{

}
/* politique de confidentialité */
div.com-users-registration form#member-registration fieldset div.control-group div.control-label span.required
{
display: none;
}
div.com-users-registration form#member-registration fieldset div.control-group div.control-label span.star
{
display: none;
}
div.com-users-registration form#member-registration fieldset div.control-group div.controls
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls fieldset#jform_privacyconsent_privacy
{

}
/* Politique de confidentialité */
div.com-users-registration form#member-registration fieldset div.control-group div.controls fieldset#jform_privacyconsent_privacy legend.visually-hidden
{
display:none;
}
div.com-users-registration form#member-registration fieldset div.control-group div.controls fieldset#jform_privacyconsent_privacy div.required.radio
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls fieldset#jform_privacyconsent_privacy div.required.radio div.form-check
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls fieldset#jform_privacyconsent_privacy div.required.radio div.form-check input#jform_privacyconsent_privacy0.form-check-input
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls fieldset#jform_privacyconsent_privacy div.required.radio div.form-check input#jform_privacyconsent_privacy0
{
width: 3rem;
}
/* J'accepte */
div.com-users-registration form#member-registration fieldset div.control-group div.controls fieldset#jform_privacyconsent_privacy div.required.radio div.form-check label.form-check-label
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls fieldset#jform_privacyconsent_privacy div.required.radio div.form-check
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls fieldset#jform_privacyconsent_privacy div.required.radio div.form-check input#jform_privacyconsent_privacy1.form-check-input
{

}
div.com-users-registration form#member-registration fieldset div.control-group div.controls fieldset#jform_privacyconsent_privacy div.required.radio div.form-check input#jform_privacyconsent_privacy1
{
width: 3rem;
}
/* Je ne suis pas d'accord */
div.com-users-registration form#member-registration fieldset div.control-group div.controls fieldset#jform_privacyconsent_privacy div.required.radio div.form-check label.form-check-label
{

}
div.com-users-registration form#member-registration div.com-users-registration__submit.control-group
{

}
div.com-users-registration form#member-registration div.com-users-registration__submit
{

}
div.com-users-registration form#member-registration div.com-users-registration__submit div.controls
{
text-align: center;
margin: 2rem auto;
}
div.com-users-registration form#member-registration div.com-users-registration__submit div.controls button.com-users-registration__register.btn.btn-primary.validate
{

}
/* S'enregistrer */
div.com-users-registration form#member-registration div.com-users-registration__submit div.controls button.com-users-registration__register
{
font-size: 1.6rem;
padding: 0.5rem;

background-color: white;
color: black;
box-shadow: unset;
}
div.com-users-registration form#member-registration div.com-users-registration__submit div.controls button.com-users-registration__register:hover
{
background-color: black;
color: white;
}












/*********************** Affichage du profil user ***************************************************************************************/
div.com-users-profile.profile /* quand il y a plusieurs classes, on en choisit une seule, la plus restrictive... */
{
	
}
div.com-users-profile
{
margin: 2rem auto;
padding: 2rem;
width: 310px;
border: 1px solid black;	
}
div.com-users-profile ul.com-users-profile__edit.btn-toolbar.fload-end
{
	
}
div.com-users-profile ul.com-users-profile__edit
{
text-align: center;	
}
div.com-users-profile ul.com-users-profile__edit li.btn-group
{
list-style: none inside none;
margin-left: 0px;
padding-left: 0px;
}
div.com-users-profile ul.com-users-profile__edit li.btn-group a.btn.btn-primary
{
	
}
div.com-users-profile ul.com-users-profile__edit li.btn-group a.btn
{
background-color: white;
color: black;
border: 1px solid black;
padding: 0.5rem;
font-size: 1.8rem;	
}
div.com-users-profile ul.com-users-profile__edit li.btn-group a.btn:hover
{
background-color: black;
color: white;
}
div.com-users-profile fieldset#users-profile-core.com-users-profile__core
{
border: none;	
}
div.com-users-profile fieldset#users-profile-core legend
{
display: none;
}
div.com-users-profile fieldset#users-profile-core dl.dl-horizontal
{
	
}
div.com-users-profile fieldset#users-profile-core dl.dl-horizontal dt
{
width: 120px;	
}
div.com-users-profile fieldset#users-profile-core dl.dl-horizontal dd
{
width: 250px;
margin-left: 3rem;
border: #bebebe 1px solid;
/*	color: #bebebe;*/
	padding: 0.5rem;
	text-align: left;
/*	width: 200px;*/
}
/********************************** affichage du Profil custom ********************************************************/

div.com-users-profile fieldset#users-profile-custom-fields-1.com-users-profile__custom.users-profile-custom-fields-1
{
border: none;	
}
div.com-users-profile fieldset#users-profile-custom-fields-1 legend
{
display: none;
}
div.com-users-profile fieldset#users-profile-custom-fields-1 dl.dl-horizontal
{
	
}
div.com-users-profile fieldset#users-profile-custom-fields-1 dl.dl-horizontal dt
{
width: 120px;	
}
div.com-users-profile fieldset#users-profile-custom-fields-1 dl.dl-horizontal dd
{
	width: 250px;
margin-left: 3rem;
border: #bebebe 1px solid;
/*	color: #bebebe;*/
	padding: 0.5rem;
	text-align: left;
/*	width: 200px;*/

}







/********************** Modifier votre profil ******************************************************************************************/

#profile_tabs li.active a
{
padding-left: 1.7rem;
color: black;
text-transform: uppercase;
}
div.com-users-profile__edit
, div.profile__edit
{

margin: 2rem auto;
padding: 2rem;
width: 310px;
border: 1px solid black;
}
div.com-users-profile__edit form#member-profile
, div.com-users-profile__edit form.com-users-profile__edit-form
, div.com-users-profile__edit form.form-validate
, div.com-users-profile__edit form.form-horizontal
, div.com-users-profile__edit form.well
{

}
div.com-users-profile__edit form#member-profile fieldset
{
margin: 1rem;
border: none;
}
div.com-users-profile__edit form#member-profile fieldset legend
{
/*display: none;*/
margin: 2rem auto;
font-size: 2rem;
}
div.com-users-profile__edit form#member-profile fieldset input#jform_id
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.control-label
{
width: 120px;
}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.control-label label#jform_password1-lbl
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls
{
width: 250px;
margin-left: 3rem;
}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group input#jform_password1
, div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group input.form-control
, div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group input.validate-password
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group button.btn
, div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group button.btn-secondary
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group button.input-password-toggle
{
border: none;
background-color: white;
}
/* mettre un oeil */
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group button.input-password-toggle:after
{
content:  url("../../../images/icons/oeil_30x18_noir.png");
}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group button.btn span.icon-eye.icon-fw
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group button.btn span.visually-hidden
{
display: none;
}
div.com-users-profile__edit form#member-profile fieldset div.control-group
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.control-label
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.control-label label#jform_password2-lbl
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group
, div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.has-success
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group input#form_password2
, div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group input.form-control
, div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group input.validate-password
, div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group input.valid
, div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group input.form-control-success
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group button.btn
, div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group button.btn-secondary
, div.com-users-profile__edit form#member-profile fieldset div.control-group div.controls div.password-group div.input-group button.input-password-toggle
{

}
div.com-users-profile__edit form#member-profile fieldset div.control-group
{

}
/************************************* boutons de contrôle pour sauvegarder ou annuler ******************************************************/
div.com-users-profile__edit form#member-profile div.com-users-profile__edit-submit
{

}
div.com-users-profile__edit form#member-profile div.control-group
{

}
div.com-users-profile__edit form#member-profile div.com-users-profile__edit-submit div.controls
{
/*margin-left: 4rem;*/
text-align: center;
}
div.com-users-profile__edit form#member-profile div.com-users-profile__edit-submit div.controls button.validate
{
background-color: white;
color: black;
border: 1px solid black;
padding: 0.5rem;
font-size: 1.6rem;
}
div.com-users-profile__edit form#member-profile div.com-users-profile__edit-submit div.controls button.btn.btn-danger
{
display: none;
/*background-color: white;
color: black;
border: 1px solid black;
padding: 0.5rem;*/
}
div.com-users-profile__edit form#member-profile div.com-users-profile__edit-submit div.controls button.validate:hover
, div.com-users-profile__edit form#member-profile div.com-users-profile__edit-submit div.controls button.btn.btn-danger:hover
{
color: white;
background-color: black;	
}

/*******************************************************          logout  ********************************************************************/

div.com-users-logout:before
{
content: "Confirmez s.v.p.";
position: relative;
top: -4rem;
}
div.com-users-logout.logout
{
margin: 2rem auto;
padding: 2rem;
width: 310px;
border: 1px solid black;
}
div.com-users-logout form.com-users-logout__form.form-horizontal.well
{
	
}
div.com-users-logout form.com-users-logout__form div.com-users-logout__submit.control-group
{
	
}
div.com-users-logout form.com-users-logout__form div.com-users-logout__submit div.controls
{
	
}
div.com-users-logout form.com-users-logout__form div.com-users-logout__submit div.controls button.btn.btn-primary
{
	
}
div.com-users-logout form.com-users-logout__form div.com-users-logout__submit div.controls button.btn span.icon-backward-2.icon-white
{
	
}
div.com-users-logout form.com-users-logout__form div.com-users-logout__submit div.controls button.btn
{
background-color: white;
color: black;
border: 1px solid black;
padding: 0.5rem;	
}
div.com-users-logout form.com-users-logout__form div.com-users-logout__submit div.controls button.btn:hover
{
color: white;
background-color: black;	
}































/* 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 ********************************************************/

/*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.com-users-login.login
{
width: 310px;
padding: 2rem;
border: 1px solid #13203D;
margin: 2rem auto;
font-size: 2rem;
/*  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../images/tmpl/_acces prive/acces-prive.jpg");*/
}
div.com-users-login form#com-users-login__form.com-users-login__form.form-validate.form-horizontal.well
{

}
div.com-users-login form#com-users-login__form
{

}
div.com-users-login form#com-users-login__form:before 
{
/*  content: "";
  font-size: 3rem;
  font-weight: bold;
  line-height: 4rem;
  color: #21405a;

  /*content: "D\00E9j\00E0  membre ? Connectez-vous !";
font-size: 3rem;
font-weight: bold;
line-height: 4rem;
color: #21405A;*/
}
div.com-users-login form#com-users-login__form fieldset
{
border:none;
}
div.com-users-login form#com-users-login__form fieldset div.control-group.com-users-login__input
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input
{
/*  display: flex;
  margin-top: 3rem;
  margin-left: 15%;
  margin-right: 15%;*/
}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.control-label
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.control-label label#username-lbl.required.invalid
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.control-label label#username-lbl
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.control-label label#username-lbl span.star
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.control-label label#username-lbl span.form-control-feedback
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.has-danger
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls input#username.form-control.validate-username.required.form-control-danger.invalid
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls input#username
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.control-label label#password-lbl.required
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.control-label label.required
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.control-label label#password-lbl span.star
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls div.password-group
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls div.password-group div.input-group
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls div.password-group div.input-group input#password.form-control.required
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls div.password-group div.input-group input#password.required
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls div.password-group div.input-group button.btn.btn-secondary.input-password-toggle
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls div.password-group div.input-group button.input-password-toggle
{
border: none;
background-color: white;
color: black;
}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls div.password-group div.input-group button.input-password-toggle:hover
{
border: none;
background-color: black;
color: white;
}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls div.password-group div.input-group button.input-password-toggle span.icon-eye.icon-fw
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__input div.controls div.password-group div.input-group button.input-password-toggle span.visually-hidden
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__remember
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__remember div.form-check
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__remember div.form-check input#remember.form-check-input
{
width: 2rem;
}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__remember div.form-check label.form-check-label
{
font-size: 1.5rem;
}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__submit.control-group
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__submit
{

}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__submit div.controls
{
text-align: center;
margin-bottom: 1rem;
}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__submit div.controls button.btn.btn-primary
{
border: 1px solid black;
color: black;
background-color: white;
}
div.com-users-login form#com-users-login__form fieldset div.com-users-login__submit div.controls button.btn.btn-primary:hover
{

color: white;
background-color: black;
}
div.com-users-login div.com-users-login__options.list-group
{
text-align:center;
padding-bottom: 3rem;
margin: 0px auto;
}
div.com-users-login div.com-users-login__options a.com-users-login__register.list-group-item
{

}
div.com-users-login div.com-users-login__options a.com-users-login__reset.list-group-item
{

}
div.com-users-login div.com-users-login__options a
{
border: 1px solid black;
color: black;
background-color: white;
width: 210px;
padding: 0.5rem 30px;
text-align: center;
margin: 0.5rem auto;
display: block;
}
div.com-users-login div.com-users-login__options a:after
{
content: ""; 
}
div.com-users-login div.com-users-login__options a:hover
{
color: white;
background-color: black;
}

div.com-users-login__options
  {
	 margin: 0px auto;
	 text-align:center;
	 padding-bottom: 4rem;
  }
div.com-users-login__options a
  {
  /*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: 0px auto;
  display: block;
  max-width: 230px;*/
}
div.com-users-login__options a:after
{
content: "";  
/*display: list-item;*/

}





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;
}

/***************************  depuis j4, des changements dans le code de connection   */



/* s'il manque un truc, vérifier sur le site cse-ecm */



/***********************************      		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;
}
/******************** depuis j4, voici les 3 options sous le login */




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