body { font-family:Raleway }


label
{
    display: block;
    width: 180px;
    float: left;
}

form { max-width:800px; margin:auto }

fieldset {display:flex; flex:1; flex-wrap:wrap; margin-bottom:20px; border:1px solid #ccc; justify-content:flex-start }
label { padding:5px; display:flex; flex:0 1 200px }
input[type=text], input[type=password], input[type=date], select, textarea { padding:5px; border:1px solid #ccc; border-radius:3px; width:75%;  display:flex; flex:1 1 200px }
input[type=submit] { background:#f00340; color:#fff; border:none; padding:10px 20px; border-radius:3px; }
 
.field { padding:5px; display:flex; flex:1 0 100%; align-items:center; }

i.warning { margin:10px 20px }

.serviceMail
{
    display: none;
}

a { text-decoration: none;
    outline: none;
    color: #f00340;
}

/* Affichage des info bulles */
a.info
{
    position:relative;
    z-index:24;
    color:#000;
    text-decoration:none
}
a.info:hover
{
    z-index:25;
    background-color:#FFF
}
a.info span
{
    display: none
}
a.info:hover span
{
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #000;
    background-color:#FFF;
    color:#000;
    text-align: justify;
    font-weight:none;
    padding:5px;
}

.fix-form
{
    height: auto;
    width: 50%;
    background-color: white !important;
}

#ldapForm
{
    height: auto;
    width: 80%;
}

#linkToForm:hover
{
    cursor: pointer;
}

a.attention
{
    position:relative;
    z-index:24;
    color:#FF0000;
    text-decoration:none;
}

td.attention
{
     vertical-align: middle	;
}

input.attention2[type="checkbox"] {

 	width:13px;
	height:13px;

 }