/* #############################################
				Les Generales
############################################# */
.tabbed
{
	margin-left: 2em;
}

.ghost {
	visibility: hidden;
}

/* Element utilisé par javascript -- ne pas modifier */
.trick_hidded
{
	display: none;
}


.no_display {
	display: none;
}

.off
{
	visibility: hidden;
}

.texte_alerte
{
	background-color: #E3B13D;
	padding: 0 0.3em;
}

.pop_down
{
	display:none;
}


/* ------------------------------- */
/* les commentaires non JPC existaient avant le 30/6/14 */
a {
	/*font-family: arial,"Trebuchet MS",Helvetica,sans-serif;*/
	/*font-family: arial,Helvetica,sans-serif;   JPC 30/6/14 */
	/*font-size: x-small;                        JPC 30/6/14 */
	/*font-style: normal;*/
	/*font-weight: bold;                         JPC 30/6/14 */
/*	color: #999999;*/
	color: black;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a img  {
	border: none;
}

/* ------------------------------- */

b {
	font-weight: bold;
}

em {
	font-style: italic;
}

.bloc_erreur
{
    color: red;
    display: block;
    font-size: 110%;
    font-weight: bold;
    padding: 0.3em 1em;
	text-align: center;
	background-color: #FFEEEE;
	max-width: 2000px;
}

.bloc_info
{
    color: blue;
    display: block;
    font-size: 110%;
    font-weight: bold;
    padding: 0.3em 1em;
	text-align: center;
	background-color: #EEEEFF;
	max-width: 2000px;
}

.readonly
{
	background-color: #EEE;
}

input.disabled
{
	background-color:rgb(200,200,200);
}


/* Les cliquable pour trier */
.triable:hover
{
    cursor: pointer;
	opacity: 0.5;
}

/* -------------------------------- */
/* 				LES INPUTS  		*/
.ChampLong,.ChampMoyen,.ChampCourt, .ChampCourriel 
{
	background: white url(../images/argos_fd_input.gif) repeat-x;
	border: 1px solid #dbdbdb
}
.ChampCourt {
	width: 8em;
}
.ChampMoyen {
	width: 11em;
}
.ChampLong {
	width: 35em;
}
.ChampCourriel {
	width: 19em;
}



/* ##########################################################
					Tout sauf les contenus
########################################################### */

body 
{
	padding: 0;
	margin: 0;
	font-size: small;
	color: #888888;	
}

/* ------------------------------------------------------ */
/* 	Super Super Bloc contenant Tout  */
#conteneur 
{
	width: 970px; 
	margin: 0 auto; 
}

/* ------------------------------------------------------ */
/* 	Super Bloc contenant Les panneaux Gauche-Centre-Droit */
#centre 
{
	width: 100%; 
}

/* ---------------------------------------------- */
/* 				En-tête 			*/
#header_revue 
{
	margin: 0;
	padding: 0;
}



/* ##########################################################
   ##########################################################
				Les Shared des Contenus
##########################################################
########################################################### */

.contenu 
{
	margin-left: 205px;
	padding: 10px 0px;
	min-height: 300px;
}


/* -------------------------------- */
/*			 LES PANNEAUX 			*/

.panel {
	color: #525556;
	font-family: helvetica,arial,geneva,verdana,sans-serif;	
	font-size: small;
	margin: 1em 20px 2em 20px;
	padding: 0 1em;
}

.intitule_panel {
	font-family: arial,geneva,verdana,sans-serif;
	font-size: medium;
	color: #888888;
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
	margin: 1em 30px;
	padding: 0 0 0.1em 3px;
}

/* -------------------------------- */
/* 				LES BOUTONS  		*/
.fond_boutons {
	border-bottom: 1px solid #DBDBDB;
	margin: 0 30px 25px;
	padding-bottom: 20px;
	text-align: center;
}

.content_Archives .bloc_boutons {
	text-align : right;
	margin-bottom: 1em;
}

a.bouton_2,
input.bouton_1,
.bouton_1,
.button_light {
    background-color: #efefef;
    border: 1px solid #bdbdbd;
    color: #D86B00;
    cursor: pointer;
    padding: 0.1em 0.8em;
    text-decoration: none;
}
a.bouton_2:hover,
input.bouton_1:hover,
.bouton_1:hover,
.button_light:hover {
    background-color: white;
}	

/* -------------------------------- */
/*			 LES TABLES 			*/


/* Mettre en gras les headers des tables qui en ont */
table.with-header tr:first-child  td 
{
	font-weight: bold;
}

/* par défaut les tables de blocs n'ont pas de grille */
table.no-border
{
	border: none;
}

/* Des grilles pour tables à grille */
table.with-grille
{
	border-collapse: collapse;
	padding: 0.4em 0.7em;
	margin: 0 20px;
}

table.with-grille a
{
    text-decoration: none;
}

table.with-grille a:hover
{
    text-decoration: underline;
}

  table.with-grille td
, table.with-grille th
{
	border: 1px solid #bdbdbd;
	padding: 0.4em 0.4em;
}


/* -------------------------------- */
/*			 LES BLOCS 				*/

.bloc
{
    margin: 0.6em 0;
    /*padding-top: 0.3em;*/
	border-top: 1px solid #DBDBDB;
}

.bloc.no-separator
{
	border-top: none;
}


/* Pas de separateur au dessus du premier bloc */
.bloc:first-child
{
	border-top: none;
}

.contenu  .panel.with-bg
{
	background: #f5f5f5;
}

.intitule_panel {
	margin: 0.5em 28px;
}

/* ---------------------------------------------- */
/* Les Titres et Sous-Titres de blocs */
/*.bloc .intro,*/
.intro
{
	margin: 0.6em 0 0.6em;
	font-weight: bold;
	color: #7E90A6;
}
.bloc .intro_sub {
	color: #7E90A6;
	font-style: italic;
	font-weight: bold;
}	

.bloc .bloc .intro
{
	margin: 0.1em 0 0.3em;
	padding: 0.6em;
	font-weight: normal;
	color: #7E90A6;
}

/* Tabulation pour les content de blocs */
.bloc .content
{
	margin-top: 0.5em;
	margin-left: 2em;
}


/* ##########################################################
				LES BLOCS PARTAGES
########################################################## */
#content_CompteSituation_pnlSituation,
#content_compte_params,
.lettre_info,
#content_HistoriqueAchats_pnlHistoAchats,
#content_Souscrire_pnlCreationCpte,
#content_Souscrire_pnlPaye,
#content_Souscrire_pnl_InfoLetter,
#tblCGV,
#pnlContacts
{
}

/* ---------------------------------------------- */
/*	BLOC : adresse livraison */

/* L'affichage bloc adresse de livraison est géré par js pour les abonnements
   Donc par défault il est caché */
#content_Souscrire_pnl_adresse_livraison
{
	display : none;
}
/* Exception : Le bloc adresse de livraison est affiché pour les achats de numero papier */
#content_Souscrire_pnlSouscrire.achat_numero_papier #content_Souscrire_pnl_adresse_livraison
{
	display : block;
}

/* ---------------------------------------------- */
#pnlContacts {
	border: none;
}

/* ---------------------------------------------- */
/*   Le Bloc Situation */
#content_CompteSituation_pnlSituation .content_GeneralDatas {
	margin: 12px 12px 1.5em 12px;
}

#content_CompteSituation_pnlSituation .content_GeneralDatas td {
	padding: 0.2em 0.5em;
}

.admin_acces {
	margin-left: 12px;
}

.bloc_acces .nom_revue , .bloc_acces .revue_publi_name
{
	font-weight: bold;
}

/* ---------------------------------------------- */
/*   Le Bloc Souscrire */
#content_Souscrire_pnlSouscrire #TexteInfo {
}

/* ---------------------------------------------- */
/*   Le Bloc_Archives */
.content_Archives table {
	margin-top: 2em;
	background-color: #f5f5f5;
	                                            /* JPC 30/6/14  font-family: georgia,"DejaVu Serif",times,serif;*/
	font-size: 95%;
}

.content_Archives table th
{
	background-color: #EDEDED;
}

.content_Archives table tr td:nth-child(3),
.content_Archives table tr td:nth-child(5) {
	background-color: #ffffff;
}
.content_Archives table .triable:hover {
	opacity: 1;
	color: #D86B00;
}
.content_Archives table a,
.button_desarchiver {
	font-family: arial,helvetica,sans-serif;
	color: #D86B00;
	text-decoration: none;
}
.content_Archives table a:hover,
.button_desarchiver:hover {
	text-decoration: underline;
}

#btn_SupprTout,
.button_desarchiver {
	display: inline-block;
	text-align: center;
	width: 80px;
	border: none;
	background-color: transparent;
}
.button_desarchiver {
	
}

#btn_SupprTout {
	color: #525556;
}
#btn_SupprTout:hover {
	color: #D86B00;
}

.anonyme #bloc_archives
{
	display: none;
}

/* ---------------------------------------------- */
/*   Le Bloc Historique des achats */
.abo_actif
{
}

.dtg_Abos_Finalises td.col_1
{
	padding-right: 4em;
}

.dtg_Abos_Finalises td.col_2
{
	font-style: italic;
}

/* ---------------------------------------------- */
/*   Le Bloc Parmaètres du compte */
#bloc_identifiants .col_1
{
	width: 15em;
}

#bloc_coordonnees .col_1
{
	width: 13em;
}

#bloc_coordonnees .col_3
{
	width: 8em;
}

#compte_params .note_ref
{
	font-style: italic;
	margin: 1em 0;
}

  #compte_params .ref_functionnalitee
, #compte_params .functionnalitee_num
{
	color: red;
}

#compte_params .ref_functionnalitee
{
	padding-left: 1em;
	font-size: 70%;
}

#compte_params div.liste_functionnalitee
{
	margin-top: 2em;
	margin-bottom: 2em;
	font-size :x-small; /*jpc*/
}

#compte_params div.liste_functionnalitee div
{
	font-style: italic;
	display:none;   /*jpc*/
}

#compte_params .liste_functionnalitee ul
{
	margin-top: 0.4em;
	padding-left: 2em;
}

#compte_params .liste_functionnalitee li
{
 	list-style-type: none;
	margin-bottom: 0.5em;
}

#compte_params .functionnalitee_num
{
	padding-right: 1em;
	font-size: 70%;
}


#compte_params .note_prefixe
{
	float:left;
	width: 2em;
}

#compte_params .note_contenu
{
	padding-left:2em;
	margin:0;
	font-size: x-small;
	width:100%;
}
.lrOccurence{
/*font-weight: bold;
color: #000000;*/
color : red;
}