body
{
    margin:0px;
    padding:0px;
    font-family:'Segoe UI',Verdana,'Trebuchet MS',Arial;
    font-size:12px;
    color:#175695; 
}

table{
    font-family:'Segoe UI',Verdana,'Trebuchet MS',Arial;
    font-size:12px;
    color:#175695; 
}

/** Mise en page de l'entete **/
#login_header
{
    height:100px;
    border-bottom: 4px solid #175695;
}


#login_header_left
{
    width:calc(100% - 580px);
    float:left;
}

#login_header_right
{
    height:100px;
    float:right;
    background-color:#175695;
    position:relative;
    background-image: url('/public/images/login/logo_roadpl_fond_transparent.png');
    background-repeat:no-repeat;
    width:580px;
}
#login_header_right_info
{
    font-size:12px;
    font-weight:bold;
    font-style:italic;
    color:#ffffff;
    padding:6px 4px 4px 4px;
    margin-left:225px;
    float:right;
    text-align:right;
    white-space:nowrap;
}

#login_header_right_apropos
{
    font-size:12px;
    font-weight:bold;
    font-style:italic;
    color:#ffffff;
    padding:55px 40px 4px 4px;
    margin-left:225px;
    float:right;
    text-align:right;
    white-space:nowrap;
    cursor: pointer;
}

#liste_compatibilite
{
    height: auto;
    width: auto;
    border: 2px solid #175695;
    border-radius: 30px 0px 30px 0px;
    background-color: #FFFFFF;
    color: #175695;
    text-align: left;
    padding: 10px;
    margin-top: 10px;
    margin-right: 40px;
    float: right;
    display: none;
    font-size:12px;
    font-weight:bold;
}

.liste_img_compa
{
    margin-bottom: 7px;
    margin-top: 7px;
}

.liste_img_compa img
{
    height: 40px;
    width: 40px;
    vertical-align: middle;
    margin-right: 5px;
}

#liste_compatibilite label
{
    font-size:13px;
    color: red;
    font-weight: 800;
}


/*
li.chrome
{
  background-image: url('/public/images/login/navigateur_chrome.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}
 
li.ie
{
  background-image: url('/public/images/login/navigateur_ie.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}
 
li.firefox
{
  background-image: url('/public/images/login/navigateur_firefox.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}
 
li.flash
{
  background-image: url('/public/images/login/flash_player.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
} 
 
li.acrobat
{
  background-image: url('/public/images/login/acrobat_reader.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
} */

/* mise en page du conteneur du formulaire de login */
#login {
  	width:420px;
	height:200px;
	margin-top: -100px;
	margin-left: -210px;
	left: 50%; 
	top: 50%;
    text-align:center;
	position:absolute;
    border:none;
}

#login #titre{
    font-size:14px; 
    font-weight:bold;
    text-align:left;
    margin-bottom:15px;
}

#loginform {
}

.login_table {
    width:100%;
    border:none;
    border-collapse:collapse;
    margin-top:15px;
    table-layout:fixed;
}

.login_table td{
    padding:4px;
    border:none;
    height:35px;
}

.login_table .label  {  width: 125px; }
.login_table .champs {  width: 250px; }
.login_table .champs input { width:100%; }

/* mise en page du fieldset du formulaire de la page de login */
#loginform fieldset
{
    padding:10px;
    border-color:#175695;
	display:block;
}

#loginform fieldset legend{
    padding:0 10px;
    
    font-family:'Segoe UI',Verdana,'Trebuchet MS',Arial;
    font-size:14px;
    color:#175695; 
    text-align:left;
}

#content_buttons, #cBtnInfo{
    text-align:right;
}

#content_buttons input,
#cBtnInfo input{
    width:150px;
    margin-left:15px;
}

#content_error
{
    padding-top:20px;
}
        
#AddEmailPopup
{
	position:absolute;
	z-index:9001;
	width:550px;
	height:262px;
	top:50%;
	left:50%;
	margin-left:-275px;
	margin-top:-131px;
	overflow:hidden;     
	background-color:Transparent;
	border:none;
	padding:0px;
	text-align:center; 
    font-family:'Segoe UI',Verdana,'Trebuchet MS',Arial;
    font-size:12px;
}

.dialog_buttons input
{
    font-size:10px;
}

#error{
    color:#C00000;
    font-family:'Segoe UI',Verdana,'Trebuchet MS',Arial;
    font-size:12px;
    font-weight:bold;
}

#page_connexion_message{
	 text-align:center;
	 position:absolute;
	 top:50%;
	 left:20%;
	 width:60%;
	 margin:auto;
	 margin-top:150px;
}