@charset "utf-8";
@import "jQuery/ui-ilex-theme/jquery-ui-1.10.4.custom.min.css";
/* CSS Document */


/*  ----------------------------------------------------------*/
/*  Feuille de styles applications Sign&go					  */
/*  ----------------------------------------------------------*/



html, body {
    height: 100%;
	margin:0;
	padding:0;	
}

html
{
	font-size: 100%;
	overflow-x: hidden;			
}

body 
{		
	font-family:Verdana, Geneva, sans-serif;
    font-size: 1em;
    line-height: 1em;	
	color: #777d8b;
	border:0px solid green;
	background:#f0f0f0;
	width:100%;	
}

#wrapper {
	min-height:100%;
	position:relative;
}

.wrapper_popup, .wrapper_popup_larger {
	width:450px;
	border: 0px solid red;
	position : absolute;
	top : 50%;
	left : 50%;
	background-color:#FFF;
	
  /* ombre */   
     -moz-box-shadow: 2px 5px 6px 0px #ccc;
  -webkit-box-shadow: 2px 5px 6px 0px #ccc;
          box-shadow: 2px 5px 6px 0px #ccc;
		  
		  
		/* arrondis */
	-ms-border-radius:     2px;
	-moz-border-radius:    2px;
	-webkit-border-radius: 2px;
	-o-border-radius:      2px;
	border-radius:         2px;		  	
}

.wrapper_popup {	
	height: 220px;
	margin:-110px 0 0 -225px;	  	
}

.wrapper_popup_larger {	
	height: 280px;
	margin:-140px 0 0 -225px;	  	
}

.header,
#header 
{
	background-color:#ef6c00;
	border-bottom: 1px solid #e1e1e1;
	margin:0;
	padding:0;
}

.wrapper_popup .header {
				/* arrondis */
	-ms-border-radius:     2px 2px 0 0;
	-moz-border-radius:    2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-o-border-radius:      2px 2px 0 0;
	border-radius:         2px 2px 0 0;	
}


.header .container_popupForm,
.header .container_full_width,
#header .container_popupForm,
#header .container_full_width 
{
	height:55px;
	padding:0 15px 0 15px;
}
.header .container,
#header .container
{
  height:55px;
  padding: 0px 15px;
  width: auto;
}

.footer,
#footer 
{	
	width:100%;
	height:40px; /* Doit être inférieur ou égale à la hauteur du padding-bottom de #content */
	position:absolute;
	bottom:0;
	left:0;
	background-color:#ef6c00;
	display:none;	
}

.footer .container ,
.footer .container_popupForm ,
.footer .container_full_width,
#footer .container,
#footer .container_popupForm,
#footer .container_full_width 
{
	padding:10px 15px;
	color:#fff;	
	border:0px solid red;
	text-align:center;
	font-size:0.9em;

}

.container {
    display: block;
    max-width: 970px;
    width: 100%;
	margin-left: auto;
    margin-right: auto;	
}

.container_popupForm{
	display: block;
    max-width: 970px;
	
	margin-left: auto;
    margin-right: auto;	
}

.container_full_width {
    max-width: 100%;
    width: 100%;
}

.header .logo ,
#header .logo  {
    background-image: url("../images/logo.png");
	background-repeat:no-repeat;
	width:134px;	
	height:37px;
	position:absolute;
	margin: 12px 0 0 0;
	padding: 0;
	border:0px solid green;	
}

.clear {
	clear:right;
	margin:0;
	padding:0;
	border:0px solid red;
}

.page_chargement_en_cours_icone{
	background-image:url(../images/loader.gif);
	background-repeat: no-repeat;
	height: 70px;
}

#product_version_nbr {
	margin-left:130px;
	margin-top:9px;
	font-size:12px;
}

.hidden {
	display: none !important;
}


/* ----------- boutons Logout | Close (coin haut droit)------------*/


div.liens_haut_coin_droit {
	position:relative;
	top:8px;
	right:5px;
	border: 0px green solid;
	overflow:hidden;
	height:16px;
	float:right;
}

#ul_liens_haut_coin_droit {
	list-style-type: none;
	margin: 0px;
	padding:0px;
}

#ul_liens_haut_coin_droit li {
	display:inline;
	margin:0px 0px 0px 1px;
	float:left;
	padding:0px;
	border: 0px solid blue;
}

#ul_liens_haut_coin_droit li a {
	text-decoration: none;
	color:#999999;
	font-weight:bold;
	font-size:10px;
	padding: 3px 5px 5px 5px;
	border:0px solid red;
	margin: 0px;

}

#ul_liens_haut_coin_droit li a:hover{
	color:#bbbbbb;
}

.pipe_liens_haut_coin_droit{
	color:#777777;
}
	/**************************************************************************/


/****** Popup (SSO Manager) ******/

#customPopup 
{
     position: fixed;
     display: none;
     left: 50%;
     top: 50%;
     z-index: 2000;
     padding: 20px;
     width: 560px;
     background-color: #EEEEEE;
     font-size: 12px;
     line-height: 16px;
     color: #202020;
     border : 3px outset #555555;
}
/***********************************/
/* ----------- NAVIGATION QUI UTILISE LES STYLES CSS ------------*/
#navigation {
	background-color:#a1a6b2;
	padding:0;	
	border-bottom:0px solid #d6d6d6;
	/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
	
			/* ombre */
	   -moz-box-shadow: 0 2px 2px #ccc;
	-webkit-box-shadow: 0 2px 2px #ccc;
	     -o-box-shadow: 0 2px 2px #ccc;
	        box-shadow: 0 2px 2px #ccc;
}

nav {
	display:block;
    max-width: 970px;
    width: 100%;
	margin-top:0;
	margin-right:0;
	margin-left: auto;
    margin-right: auto;	
	padding:0 15px 2px 15px;
	padding-bottom: 0;
}


nav.full_width {
    max-width: 100%;
    width: 100%;		
}


nav a {
	text-align:center;
	font-size:0.9em;
	font-weight:normal;
	display:inline-block;
	margin:0;		
	padding: 10px 19px 6px 19px; /*à cause de la bordure, on décale le texte de 2px vers le bas pour ne pas avoir de décalage*/	
	color: #f0f0f0 !important; 
	text-decoration: none;
	border:0px solid green;
	
}

nav a:hover, nav a:focus, nav a:active, nav a.en_cours {
	border-bottom:2px solid #ef6c00;
	margin-bottom:-2px;
	color: #fff !important; 	
}



/* ----------- TITRES ------------*/

h1{
	font-size:1em;
	font-weight:normal;
	font-style:italic;	
	color:#FFF;
	text-align:left;
	margin:17px 0 0 180px;
	border:0px solid red;
	display:inline-block;
	position:absolute;
}

h2{
	text-align:left;
	line-height:normal;	
	font-size:1.6em;
	font-weight:normal;
	font-style:normal;
	margin:20px 0 40px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #dfdfdf;
	text-shadow: 1px 1px 0 #ffffff;	
}

#accordion h2 {
	font-size:1.1em;
	border:none;
	background:#A1A6B2;
	text-shadow: 1px 1px 0 #999fa9;
	margin:40px 0 0 0;
}


#accordion h2:before
{
  content:"\25BA";
  color:white;
  font-weight:bold;
}

h3{
	/*color:#8d919b;*/
	text-align:left;	
	font-size:1.1em;
	font-weight:normal;
	font-style:normal;
	line-height:normal;
	margin:40px 0 5px 0;
	padding:0;
	border:0px solid red;
	text-shadow: 1px 1px 0 #FFF;
}


.encart_infos h3{
	padding:25px 0 10px 0;
	text-shadow:none;
}


.encart_infos form.form_full_width div h3{
	margin:40px 10px 2px 10px!important;
	border:0px solid black;
}



/* pour supprimer la marge au dessus du premier H3 dans un encart, mais pas au-dessus des autres */ 
/*#contenu_specifique_application h3:first-child,*/
.encart_infos form.form_full_width div:first-child h3,
.encart_infos h3:first-child { 
	margin-top:0!important;
	padding-top:0!important;
	border:0px solid red;
}
h4{
	text-align:left;	
	font-size:0.85em;
	font-weight:bold;
	font-style:normal;
	margin:0 0 5px 0;
	padding:0;
	border:0px solid red;
	text-shadow: 1px 1px 0 #FFF;	
}

.bold {
	font-weight:bold;
}




.encart_infos h3:first-of-type{
	padding-top:0;
	border:0px solid green;	
}

.encart_infos p{
	margin-top:5px;
}


.changeLang {
	position:absolute;	
	right:0;
	color:#FFF;
	font-size:0.8em;
	margin:5px 10px 0 0;		
}

.changeLang a, a:visited {
	color:#FFF;
	text-decoration:none;	
}


.infos_user {
	position:absolute;
	right:0;	
	color:#fff;	
	font-size:0.7em;
	margin:0;
	border:0px solid red;	
	margin:40px 10px 0 0;	
    cursor: pointer;
    z-index: 2;
}


.user span {
    float: right;
}
.fleche {
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    border-top: 5px solid #fff;
    display: inline-block;
    margin-left: 6px;
    margin-top: 5px;
    vertical-align: middle;
    color:#fff;
}
.user:focus {
    height: 50px;
}
.user:focus .connected, .user:hover .connected {
    display: block;
}
.user:hover {
    height: 50px;
}
.user:focus .flecheconnected, .user:hover .flecheconnected {
    display: block;
}
.connected {
    animation: 1s ease 0s normal none 1 running user;
    background: #F9F9F9  none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    clear: both;
  color: #777D8B;
    display: none;
    float: right;
    margin-top: 3px;
    outline: medium none;
    position: relative;
    width: 200px;
    z-index: 2;
}


.flecheconnected {
    animation: 0.2s ease 0s normal none 1 running user;
    border-color: transparent transparent #A1A6B2 ;
    border-width: 0 8.5px 8.5px;
  color: #FFF;
    float: right;
    z-index: 2;
}


.link_style {
    background-repeat: repeat-x;
    border: 1px none;
    clear: both;
    cursor: pointer;
    display: block;
    margin: 5px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

a.link_style, a.link_style:visited, a.link_style:hover{
  color: #FFF;
  background-color: #EE6B00;
}

.link_style:hover {
    text-decoration: underline;
}





.content,
#content {
	border: 0px solid green;
	margin:0px;	
	
}


.contenu_specifique_application,
#contenu_specifique_application {
	border: 0px solid red;
	margin:3% 4%;
}

.bold {font-weight:bold;}

p {
	font-size:0.8em;
	margin:10px 0;
}

.p_center {
    text-align:center;
}

.p_note {
	font-style:italic;
	margin:10px 0 10px 50px;
}


.p_retrait {
	margin:10px 0 10px 20px;
}


ol, ul {
	margin:10px 3px;
}

li {
	font-size:0.8em;
}
 


.image_alignee_gauche_ou_centree {
    text-align:center;
}




h2, p, td {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto; hyphens: auto;
}




p.code {
	font-family:"Courier New", Courier, monospace;
	font-size:0.8em;
	margin:0;
}

/* ----------- TABLEAU ------------*/
.table_align_left{
display: inline-block;
width: 100px;

}

/* ---------- Balise noscript ------------*/
#noscript-warning {
    background-color: #AE0000;
    color: #FFFFFF;
    font-size: 150%;
    font-weight: bold;
    left: 0;
    padding: 5px 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100;
}

.wait {
	background-image:url(../images/loader.gif) !important;
	background-size:contain;
}

/* ----------- popup avec formulaire ------------*/
#updateCredentialsPopup{
color: #777d8b;
}

/* ----------- Lien ------------*/

a, a:visited, a:focus {
	color:#0083CA;
	border:none;
	text-decoration:none;
}


a:hover {
    color:#339cd5;
	text-decoration:none;       
}

a.lien_paragraphe {
	margin:0px;
	text-align:left;
	display:inline-block;
	border-bottom:1px dotted #0083CA;  
}

a.liencache {
color:#FFFFFF;
  font-size:1px;
  font-weight:bold;
  text-decoration:none;
  border: 0px solid green;
  position: absolute;
}

a.liencachebandeau{
  color:#DDDDDD;
  font-size:1px;
  font-weight:bold;
  text-decoration:none;
  border: 0px solid green;
}


/* Lien app-list */

.app a span {
    cursor: pointer;
    display: block;
}


.app a {
    color:#777d8b;
	display:inline;
    text-align:left;
    margin:0;
	text-decoration:none;
}


.app a:visited {
    color:#777d8b;
	text-decoration:none;
}

.app a:hover {
    color:#444;
	text-decoration:none;
}


.app a img {
    border:none;
}

#accordion img {
	max-height: 64px;
    max-width: 64px;
}

img {
	height:auto;
    max-width: 100%;
}

/* Lien changeLang */

.changeLang a,
.changeLang a:visited,
.changeLang a:hover {
    color:#fff !important;
	border-bottom:none;	      
}

/* Lien gris dans un tableau */
.actions_possibles a {
	color:#777d8b;
	text-decoration:none;
	margin:10px 0 10px 0;
	border-bottom:none;
}

.actions_possibles a:visited,
.actions_possibles a:hover {
	text-decoration:none; 
}


/* Lien mot de passe oublié */

.mdp_oubli {
    text-align:right;
	margin:5px 0 30px 0; 	
}

.mdp_oubli a {
    font-size:0.8em;
	color:#5e646f;
	text-decoration:none;
	border-bottom:1px dotted #5e646f;      
}


.mdp_oubli a:visited {
	text-decoration:none;       
}

.mdp_oubli a:hover {
	color:#339cd5;
	border-bottom:1px dotted #339cd5; 
	text-decoration:none;       
}


#accordion a h2,
#accordion a:visited h2,
#accordion a:hover h2 {
	box-sizing:border-box;
	text-decoration:none!important;
	color:#fff;
	border:none!important;
	padding:5px 10px;
}
/* lien footer */
.footer a,
.footer a:visited,
.footer a:focus,
#footer a,
#footer a:visited,
#footer a:focus
  {
	color:#fff;
	text-decoration:none;
	border-bottom:none;
}

.footer a:hover,
#footer a:hover {
	color:#444;
}




.cluster_select_master_error
{
	background: #f44141;
	font-weight: bold;
	color: black;
}




ul.liste_puces li a {
	color:#777d8b;
	text-decoration:none;
	list-style-type:square;
	border-bottom:none;
}

.liste_puces li {
	list-style-type:square;
	padding-bottom:5px;
}



.app-list {
    padding: 0;
	border:0px solid red;
}



.app-list .app:first-child {
	margin-top:0;
}

/*
.app-list .app:last-child {
	margin-bottom:7%;
}
*/

.app {	
	padding:10px 15px 10px 15px;	
	border:0px solid red;
	background-color:#f9f9f9;
	margin:10px 0 0 0;	
}

.wrapper_popup .app, .wrapper_popup_larger .app{
	background:none;
}

#wrapper .app {
	background:#f9f9f9;
}


#wrapper .app.msgValid,
#wrapper .app.msgErr,
#wrapper .app.msgWarn,
#wrapper .app.msgInfo,
#wrapper .app.msgHelp,
#wrapper .app.msgLoading,
#wrapper .app.msgWait_card
 {
	background:#FFF;
}
#signandgo .app-description {
    background-image: url("../images/tools_48px.png");
}

#logs .app-description {
    background-image: url("../images/todo_48px.png");
}

#audits .app-description {
    background-image: url("../images/bloc_note_48px.png");
}

#credentials .app-description {
    background-image: url("../images/key_48px.png");
}

#sponsorship .app-description {
    background-image: url("../images/users_48px.png");
}

#logout .app-description {
    background-image: url("../images/icone_desauthentification_48px.png");
}


#portalAdmin .app-description {
    background-image: url("../images/portalAdmin_48px.png");
}

#clusterManager .app-description {
    background-image: url("../images/grappes_48px.png");
}


#update_user_home .app-description {
    background-image: url("../images/portail_maj_update_48px.png");
}

#update_config .app-description {
    background-image: url("../images/tools_48px.png");
}

#portalAdmin .app-description {
    background-image: url("../images/portalAdmin_48px.png");
}

#clusterManager .app-description {
    background-image: url("../images/clusterManager_48px.png");
}

.msgValid .app-description,
#msgValid .app-description {
    background-image: url("../images/msgValid_48px.png");
}

.msgErr .app-description,
#msgErr .app-description {
    background-image: url("../images/msgErr_48px.png");
}

.msgWarn .app-description,
#msgWarn .app-description {
    background-image: url("../images/msgWarn_48px.png");
}

.msgInfo .app-description,
#msgInfo .app-description {
    background-image: url("../images/msgInfo_48px.png");
}

.msgHelp .app-description,
#msgHelp .app-description {
    background-image: url("../images/msgHelp_48px.png");
}

.msgLoading .app-description,
#msgLoading .app-description {
	background-image:url(../images/loader.gif);
}

.msgWait_card .app-description,
#msgWait_card .app-description {
    background-image: url("../images/badge_48px.png");
}


.id_mdp .app-description,
.anonymous .app-description,
.kerberos .app-description,
.selfservice .app-description,
.authent_parrainage .app-description {
    background-image: url("../images/user_blue_32px.png");
}

.id_mdp_otp_mail .app-description,
.id_mdp_otp_sms .app-description {
    background-image: url("../images/LoginPasswordHorsBande_32px.png");
}

.gigapass_usb .app-description,
.carte_in .app-description {
    background-image: url("../images/certificate_32px.png");
}

.genmsecure .app-description {
    background-image: url("../images/genmsecure_32px.png");
}

.rfid_mdp .app-description {
    background-image: url("../images/RFIDLoginPassword_32px.png");
}

.inwebo .app-description {
    background-image: url("../images/inwebo_32px.png");
}

.facebook .app-description {
    background-image: url("../images/facebook_32px.png");
}


.cps .app-description {
    background-image: url("../images/carte_cps_rouge_32px.png");
}

.cellphone .app-description {
    background-image: url("../images/cellphone_32px.png");
}

.mail_default .app-description {
    background-image: url("../images/icones/mails/default.png");
}

.mail_ilex .app-description {
    background-image: url("../images/icones/mails/ilex.png");
}

.mail_gmail .app-description {
    background-image: url("../images/icones/mails/gmail.png");
}
.mail_outlook .app-description {
    background-image: url("../images/icones/mails/outlook.png");
}
.mail_yahoo .app-description {
    background-image: url("../images/icones/mails/yahoo.png");
}
.app-description{
	text-align:justify;
	background-repeat: no-repeat;
}


#msgValid .app-description,
#msgErr .app-description,
#msgWarn .app-description,
#msgInfo .app-description,
#msgHelp .app-description,
#msgLoading .app-description,
#msgWait_card .app-description,
.msgValid .app-description,
.msgErr .app-description,
.msgWarn .app-description,
.msgInfo .app-description,
.msgHelp .app-description,
.msgWait_card .app-description,
.msgLoading .app-description {
	display:block;
}


#signandgo .app-description,
#logs .app-description,
#audits .app-description,
#credentials .app-description,
#sponsorship .app-description,
#logout .app-description,
#update_user_home .app-description,
#update_config .app-description,
#portalAdmin .app-description,
#clusterManager .app-description,
#msgValid .app-description,
#msgErr .app-description,
#msgWarn .app-description,
#msgInfo .app-description,
#msgHelp .app-description,
#msgLoading .app-description,
#msgWait_card .app-description,
.msgValid .app-description,
.msgErr .app-description,
.msgWarn .app-description,
.msgInfo .app-description,
.msgHelp .app-description,
.msgWait_card .app-description,
.msgLoading .app-description {
	background-repeat: no-repeat;
    min-height: 48px;
	margin:0;	
	padding:0px 10px 0px 80px;
	border:0px solid red;	
}

.id_mdp .app-description,
.id_mdp_otp_mail .app-description,
.id_mdp_otp_sms .app-description,
.gigapass_usb .app-description,
.genmsecure .app-description,
.rfid_mdp .app-description,
.carte_in .app-description,
.inwebo .app-description,
.facebook .app-description,
.cps .app-description,
.authent_parrainage .app-description,
.anonymous .app-description,
.kerberos .app-description,
.selfservice .app-description,
.cellphone .app-description,
.mail_default .app-description,
.mail_gmail .app-description,
.mail_outlook .app-description,
.mail_yahoo .app-description,
.mail_ilex .app-description

 {
    background-repeat: no-repeat;
    min-height: 32px;
	margin:0;
	padding:0 0 0 65px;
	border:0px solid red;
}




.nom_application
  {
    font-size: 0.9em;
    font-weight: bold;
	display:inline-block;

}

#accordion .nom_application
  {
    font-size: 0.9em;
    font-weight: bold;
	display:inline-block;
	padding:20px 0 0 30px;
	vertical-align:top;

}
.id_mdp .nom_application,
.id_mdp_otp_mail .nom_application,
.id_mdp_otp_sms .nom_application,
.gigapass_usb .nom_application,
.genmsecure .nom_application,
.rfid_mdp .nom_application,
.carte_in .nom_application,
.inwebo .nom_application,
.facebook .nom_application,
.authent_parrainage .nom_application,
.cps .nom_application,
.update_user_home .nom_application,
.update_config .nom_application,
.anonymous .nom_application,
.kerberos .nom_application,
.selfservice .nom_application,
.cellphone .nom_application,
.mail_default .nom_application,
.mail_gmail .nom_application,
.mail_outlook .nom_application,
.mail_yahoo .nom_application,
.mail_ilex .nom_application
{
	padding:8px 0 0 0;
	font-weight:normal;
}


#msgValid .nom_application,
#msgErr .nom_application,
#msgWarn .nom_application,
#msgInfo .nom_application,
#msgHelp .nom_application,
#msgLoading .nom_application,
#msgWait_card .nom_application,
.msgValid .nom_application,
.msgErr .nom_application,
.msgWarn .nom_application,
.msgInfo .nom_application,
.msgHelp .nom_application,
.msgWait_card .nom_application,
.msgLoading .nom_application {
	font-weight:bold;
	border:0px solid red;
	margin:8px 0 0 0;
}


.descriptif_application {
    font-size: 0.8em;
    margin-top: 5px;
}



	
	
.encart_infos{
	border:1px solid #f1f1f1;
	margin:30px 0 0 0;
	padding:15px;
	background-color:#ffffff;
}


/* ----------- icônes gestion crédits authentification ------------*/

.icones_actions {
	text-align:left;
}

.action_maj,
.action_maj_inactive,
.action_suppr,
.action_suppr_inactive,
.action_voir,
.action_voir_inactive,
.action_reset,
.action_deleguer {
	background-size:16px 16px;
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	display:inline-block;
	cursor:pointer;
	border:0px solid pink;
	margin:1px 5px 0 0;	
}


.action_maj {
    background-image: url("../images/update.png");

}

.action_maj_inactive {
    background-image: url("../images/update_inactive.png");

}

.action_suppr {
    background-image: url("../images/delete.png");
}

.action_suppr_inactive {
    background-image: url("../images/delete_inactive.png");
}

.action_voir {
    background-image: url("../images/icone_visualiser.png");
}

.action_voir_inactive {
    background-image: url("../images/icone_visualiser_inactive.png");
}

.action_reset {
    background-image: url("../images/icone_reset.png");
}

.action_deleguer {
    background-image: url("../images/delegation.png");
}




/*------------------------------------------------------------*/
/*     styles appli gestionnaire accréditations et logout     */
/*------------------------------------------------------------*/

.li_user{
	background: url(../images/user_red.png) no-repeat;
	background-position: 0 0;
	margin:0px;
	padding:7px 0px 0px 30px;
	list-style-type:none;
	border:0px solid blue;
	text-align:left;
}
.userGreen{
	background: url(../images/user_green.png) no-repeat;
	background-position: 0 0;
	margin:0px;
	padding:4px 0px 0px 30px;
	list-style-type:none;
	border:0px solid green;
	text-align:left;
}
.userBlue{
	background: url(../images/user_blue.png) no-repeat;
}

/* ----------- TABLEAUX ------------*/	

table {
	width:100%;
	font-size: 0.75em;
	margin:1% 0 0 0;
}

table caption {
	text-align:left;
	font-style: italic;
	margin-bottom: 2%;
}

th {
  text-align: left;
}

/*
td:last-child, th:last-child {
  text-align:right;
}
*/

td, th {
  padding: 4px 10px;
  vertical-align:top;
}
tr:nth-child(odd), tr:nth-child(odd) {
  background: #ebecef;
}
tr:nth-child(even) {
  background: #f8f8f9;
}

tr.odd {
	background-color: #ebecef;
}

tr.even{
	background-color: #f8f8f9;
}


tr:first-child>th {
  background: #d4d6dc;
  text-shadow: 1px 1px 0 #eeeeee;
}


th[scope="row"] {
	/*font-weight:normal;*/
  	text-shadow: 1px 1px 0 #fff;	
}

td ul {
	margin:0;
	padding:0;
}

td li {
	list-style-type:none;
	margin-left:0;
	padding:0;
}


/*
table td:empty {
  background:white;
}
*/

/* ----------- formulaire ------------*/

form {
	margin:2% 30% 0 5%;
	padding:0px;
	border: 0px solid green;	
}

form.form_full_width {
	margin:20px 20px 0 20px;
}

.formTable{
  margin-left: 21px;
  clear: both;
  margin: 2% 40% 0 5%;
}

label {
	margin:25px 0 0 0;
	font-size:0.9em;
	font-weight: normal;
	text-shadow: 1px 1px 0 #ffffff;	
	border:0px solid red;
	display:inline-block;		
}

form :first-child label {
	margin-top:20px;
	border:0px solid red;
}


label.invisible,
label.Form{
	display:none;
}

h5.invisible{
	display:none;
}

label.invisible.ie8{
	display:inline-block;
}


label.inline {
	display:inline-block;			
			
}



input, select {
	text-align:left;
	padding: 7px 12px;
	color: #6c727f;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dfdfdf;
	font-size:0.9em;
	box-sizing:border-box;
	width:100%;
	
}


.input_error {
    border: 1px solid #e20017;	
}

.input_msg_valeur_incorrecte {
	margin:2px 0 20px 0; 
	color:#e20017;
}

input.ui-state-default{
border: 1px solid #dfdfdf;
}

input.cache {
  font-size:1px;
  color: #DDDDDD;
  background-color:transparent;
  border:none;
}

/*
input {
	width: 97%;	
}


select {
	-webkit-appearance: none;	
}
*/

input[type="text"],
input[type="password"],
input[type="file"],
select {
	margin:10px 0 5px 0;	
}


input[type="text"]#picker_input {
	/*margin:10px 0 5px 0;*/
	display:inline;
	width:93%;	
}


#picker {
	display:inline-block;
	border:0px solid red;	
	cursor: pointer;
	margin:0;
	padding:0;
}


#picker .ui-state-default.ui-corner-all {
	width:18px;
	height:18px;
}


.is-ie7 #picker .ui-state-default.ui-corner-all  {
	position:relative;
	top:-5px;
}
input[type="submit"],
input[type="button"] {
	
	position:relative;
	float:right;	
	width: auto;
	cursor: pointer;
	display:inline-block;
	margin:35px 0 10px 10px;
	font-size:1em;
	border:0px solid red;
}

#button {
	clear:right;
}

/*
.bouton {
	text-align:right;
}
*/


input[type="radio"],
input[type="checkbox"] {
	height: 1em;
	width: 1em;
	display:inline-block;
	background:none;
}


input[type="radio"] {
	margin-left:-20px;
	position:absolute;
  	float:left;
  	display:block;
  	border:0;
  	background:none;
  	box-sizing:content-box;	
}

.is-ie8 input[type="radio"],
.is-ie9 input[type="radio"],
.is-ie10 input[type="radio"] {
	margin-left:-33px;
	padding-top:3px;	
}


.bouton_radio label{
	padding:0 0 0 50px;
	margin:0;
	border:0px solid green;
}
input[type="checkbox"] {
	float:left;
	margin:2px 12px 0 0;
	padding:0;
	border:0px solid red;
	display:inline-block;	
}

input[type="radio"] {
	float:left;
}

#grayBack 
{
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: black;
     z-index: 1999;
     opacity: 0.5;
}

#customPopup 
{
     position: fixed;
     display: none;
     left: 50%;
     top: 50%;
     z-index: 2000;
     padding: 20px;
     width: 560px;
     background-color: #EEEEEE;
     font-size: 12px;
     line-height: 16px;
     color: #202020;
     border : 3px outset #555555;
}

.custom-combobox-toggle
{
    background: white;
    float: left;
    margin-right: 0px!important;
    width: 10%!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    border-left-width: 0px!important;
    border-right-width: 0px!important;
}

.custom-combobox-input
{
  width: 90%;
  background: white!important;
  float: left;
}

.paragraphe_simple_QRCODE, .paragraphe_simple_LARGE
{
	text-align: center;
}

.paragraphe_simple_QRCODE
{
  margin: 2% 30% 0 5%;
}

/* screen < 720 px */
@media screen and (max-width: 720px)
{
	body {
		background-color:#f0f0f0;
  		display: block;			  
	}
	  	
	.header,
	#header {
		height:80px;
		display:block;
	    width: 100%;	  				  
	}

	
.header .logo a,
#header .logo a {
	display:block;
	border:0px solid red;
}


.wrapper_popup,
.wrapper_popup_larger {
	width: 100%!important;
	height:100%!important;
	display: block!important;
	position:fixed!important;
	top:0!important;
	left:0!important;
	margin:0!important;
	padding:0!important;
	background:#fff!important;
	border:0px solid red;
	
		/* arrondis */
	-ms-border-radius:     0;
	-moz-border-radius:    0;
	-webkit-border-radius: 0;
	-o-border-radius:      0;
	border-radius:         0;		
}



.wrapper_popup html,
.wrapper_popup html body,
.wrapper_popup_larger html,
.wrapper_popup_larger body {
    height: 100%;
	margin:0;
	padding:0;	
}

.wrapper_popup html,
.wrapper_popup_larger html
{
	overflow-x: hidden;			
}

.wrapper_popup body,
.wrapper_popup_larger body 
{		
	width:100%;	
}

/* ----------- TITRES ------------*/
h1{
	font-size:0.9em;
	margin:46px 0 0 0;
}


/*
.encart_infos h3{
	padding:5px 0 10px 0;
}


.encart_infos h3:first-of-type{
	padding-top:10px;
	border:0px solid green;	
}
*/



/* ----------- NAVIGATION QUI UTILISE LES STYLES CSS ------------*/	
nav {

	margin:0;
	padding:0;
	
	-webkit-columns: 1;
	   -moz-columns: 1;
		    columns: 1;
	
}
		
nav a {
	margin:0;
	display: block;
	border-top:none;	
	border-left:none;
	border-right:none;	
	font-weight:normal;
	padding: 10px 0 10px 0;
	border-bottom:1px solid #959aa7!important;			 
}


nav a:hover, nav a:focus, nav a:active, nav a.en_cours {
	background:#828898;
	border-bottom:1px solid #959aa7!important;
	margin-bottom:0;
}



/* ----------- NAVIGATION QUI UTILISE LES STYLES CSS ------------*/


#tabs, #tabs ul {
	-webkit-columns: 1;
	   -moz-columns: 1;
		    columns: 1;
}

#tabs li {
	margin:0;
	padding:0;
	display: block;
	text-align:center;
	background:none;
	border:none;
}	

/* ----------- TABLEAUX ------------*/

tr:first-child>th {display: none;}
th {display: block;}
td {display: inline}

td li {
	margin-left:5%;
}

/* ----------- formulaire ------------*/

form {
	margin:2% 10% 5% 10%;
}

.formTable{
  margin-left: 21px;
  clear: both;
  margin: 2% 40% 0 5%;
}

form.form_full_width {
	margin:0;
}

input, select {
	font-size:1em;	
}

/*
input {
	width:95%;
}

select {
	width:100%;
}
*/

input[type="text"]#picker_input {
	width:88%;	
}
input[type="submit"],
input[type="button"] {
	font-size:1.1em;	
}

.bouton_radio label{
	padding:0 0 0 30px;
}
input[type="file"] {
	font-size:0.9em !important;	
}
	
	.content,
	#content {
		display:block;
	    width: 100%;
		background:none;
		margin:0;
		border:0px solid purple;
		
	  /* arrondis */
	  -ms-border-radius: 0px;
	 -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	   -o-border-radius: 0px;
		  border-radius: 0px;
				
	}
	
	
	.contenu_specifique_application,
	#contenu_specifique_application {
		border: 0px solid red;
		/*margin:15px;*/
	}
	

	.app-list {
		padding:3% 0;
		border: 0px solid blue;
		
	}
	
	
	



	/*
	.app-list .app:first-child {
		margin-top:5%;
	
	}
	*/
	
	.app-list .app:last-child {
		/*border: 0px solid brown;*/
		margin-bottom:7%;
	
	}


.app-description,
.descriptif_application {
	text-align:left;
	
	}

	


#signandgo .app-description,
#logs .app-description,
#audits .app-description,
#credentials .app-description,
#sponsorship .app-description,
#logout .app-description,
#update_user_home .app-description,
#update_config .app-description,
#portalAdmin .app-description,
#clusterManager .app-description,
#msgValid .app-description,
#msgErr .app-description,
#msgWarn .app-description,
#msgInfo .app-description,
#msgHelp .app-description,
#msgLoading .app-description,
#msgWait_card .app-description,
.msgValid .app-description,
.msgErr .app-description,
.msgWarn .app-description,
.msgInfo .app-description,
.msgHelp .app-description,
.msgWait_card .app-description,
.msgLoading .app-description {
	padding:0px 0px 0px 65px;	
}




.id_mdp .app-description,
.id_mdp_otp_mail .app-description,
.id_mdp_otp_sms .app-description,
.gigapass_usb .app-description,
.genmsecure .app-description,
.rfid_mdp .app-description,
.carte_in .app-description,
.inwebo .app-description,
.facebook .app-description,
.authent_parrainage .app-description,
.cps .app-description,
.anonymous .app-description,
.kerberos .app-description,
.selfservice .app-description,
.cellphone .app-description,
.mail_default .app-description,
.mail_gmail .app-description,
.mail_outlook .app-description,
.mail_yahoo .app-description,
.mail_ilex .app-description
 {
	padding:0px 0px 0px 50px;
	border:0px solid green;				
}	

	
	
	
	.form_field,.form_droplist 
	{
		font-size:1em;
		display:block;	
	}
	
	.form_field
	{
		width:80%;
	
	}
	
	
	.form_droplist
	{
		width:83%;
		padding:0px 0px 0px 6px;		
	}
	
}
	


/* screen < 310 px */
@media screen and (max-width: 310px) 
{
	h1{
		font-size:0.7em;
		border:0px solid red;
	}

	form {
		margin:0;
	}
		
	
/* ----------- Navigation ------------*/	
	nav {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}	
}