/*______________________________________________________________________________*/
/*                                                                              */
/*                         Feuille de Style ENEE 2                              */
/*                             Novembre 2013                                    */
/*______________________________________________________________________________*/


/*______________________________________________________________________________*/
/*                                                                              */
/*                         Redéfinition des balises HTML                        */
/*                                                                              */
/*______________________________________________________________________________*/

/* AE adaptation des styles de balises selon les conseils DW : 1 colonne liquide centrée */ 
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding:0;
	margin:0;
	background-color:#ffffff;	
	/* Ajustement de cette ligne pour l'export complet : chemin mal pris en compte dans l'export "page complète"
	background-image: url(../../_images/bg_bandeau_haut.png); */
	background-image: url(../../_images/bg_bandeau_haut.png);
	background-repeat:repeat-x;
	font-size: 12px;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 5px;
	padding-left: 5px;
}

th {text-align: left;}

/* AE : h1 */
h1 {
	text-align:right;
	font-weight:normal;
	font-size: 26px;
	color: #F99D1C;
	background-color:#F1F1F1;
	padding: 5px 30px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: 0;
}

/*
h1 {
	font-size: 13px;
	color:#8C9CCF;
	letter-spacing: 0.5em;
	margin-bottom: 0px;
	line-height: 30px;
	padding-left: 35px;
}
*/
	/* Utilisé pour mettre en évidence des parties d'une page complexe : les "onglets" potentiels */
	h2 {
	font-size: 12px;
	color: #000000;
	letter-spacing: 0.5em;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;}

	/* Utilisé pour mettre en évidence des parties d'une fiche */
	h3 {
		font-size: 12px;
		color: #8C9CCF;
		font-weight: bold;
		vertical-align: middle;
		margin-bottom: 0px;
	}
	
	/*Utiliser pour les paniers*/
	h4 {
	font-size: 14px;
	color: #000000;
	letter-spacing: 0.5em;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	}
	
a img {border: none;}

/* AE : lien non souligné, pour suivre la maquette de Aude : à confirmer */
a:link {
	color:#487ab6;;
	text-decoration: none;
}
a:visited {
	color:#487ab6;
	text-decoration: none;
}

a:hover, a:active, a:focus {text-decoration: underline;}

form {margin: 0px;}

/* AE : contenu centré et marges flottantes */
.container {
	width: 90%;
	max-width: 1260px;
	min-width: 970px;
	margin: 0 auto;
}


/*______________________________________________________________________________*/
/*                                                                              */
/*                     Objets d'interface et styles génériques                  */
/*                                                                              */
/*______________________________________________________________________________*/

.gauche {float: left;}
.droite {float: right;}
.cleaner {clear: both; height:0; font-size: 1px; line-height: 0px;}

.gras {font-weight: bold;}

.erreur {
	color:#FF0000;
	font-weight: bold;
	padding-left: 25px;
	padding-top: 1px;
	padding-bottom: 4px;
	background-image:  url(../images/attention.gif);
	background-repeat: no-repeat;
	line-height: 20px;
	}

/* Pour les champs de formulaire */

/* AE mise en forme des zones de saisie */
.input, .input_oblig, .select, .select_oblig, .input_gras, .input_gras_oblig {
	font-size: 12px; 
	background-color:#FFF; 
	color:#444;
	border: 1px solid #CCC;
	}
	
.radiobutton {border: 1px solid #0066CC; 	color: #0066CC; }
.input_gras, .input_gras_oblig {font-weight: bold;  }
.input_oblig, .select_oblig, .input_gras_oblig {border:#CC0000 solid 1px;}

.textarea, .textarea_oblig {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;}

.textarea_oblig {border:#CC0000 solid 1px;}

/* AE Ajustement des boutons */	
.bouton {
	font-size: 12px;
	background-color:#6591c8;
	font-variant:small-caps;
	border-radius:5px;
	color: #FFFFFF;
	width: 80px;
	padding: 5px;}

/* AE : mise en foorme du bouton de recherche */
.Rech .bouton {
		padding: 2px 5px 2px 30px;
		width: 100px;
		background-image:url(../../_images/bt_chercher_loupe.png);
		background-repeat:no-repeat;
		background-position:10px 5px;
		}

.bouton_auto {	
	font-size: 12px;
	background-color:#6591c8;
	font-variant:small-caps;
	border-radius:5px;
	color: #FFFFFF;
	padding: 5px;
}

.bouton_auto_blanc {
	font-size: 12px;
	background-color: #FFFFFF;
	color:#8C9CCF;
}
	
.bouton_action, .bouton_synthese
{
	font-size: 12px;
	background-color:#F99D1C;
	font-variant:small-caps;
	border-radius:5px;
	color: #FFFFFF;
	width: 80px;
	padding: 5px;
}

.bouton_auto_action {
	font-size: 12px;
	background-color:#F99D1C;
	font-variant:small-caps;
	border-radius:5px;
	color: #FFFFFF;
	padding: 5px;
}

.bouton_plus_moins {
	background-color:#f37167;
	font-weight:bold;
	font-size: 10px;
	border-radius:5px;
	color: #FFFFFF;
	width: 20px;
	height:20px;
}
	
/* AE : boutons Ajout / Suppr en input CSS : 10px et "+" pour le bouton d'ajout et 14px et "x" pour le bouton de suppression */
.bouton_ajout {
	background-color:#4D80BC;
	font-weight:bold;
	font-size: 14px;
	border-radius:5px;
	color: #FFFFFF;
	width: 20px;
	height:20px;}
	
.bouton_suppr {
	background-color:#f37167;
	font-weight:bold;
	font-size: 10px;
	border-radius:5px;
	color: #FFFFFF;
	width: 20px;
	height:20px;}
}

	
/* Pour les libellés de champs : pages LL, DC, DMAJ, Liens, Administrateur... */
.Lib {color: #666666;}

/*______________________________________________________________________________*/
/*                                                                              */
/*                            Styles du menu et onglets                         */
/*                                                                              */
/*______________________________________________________________________________*/

/* AE : bandeau haut : logo et menu */
#bandeau_haut {}

#logo {position:absolute; top:0;left:5px;}


#manuel_presta {
	position: absolute;
	top: 20px;
	left: 200px;
}
#manuel_presta a {color: #fff;}
#manuel_presta img {margin-right: 5px;}

#manuel {
	position: absolute;
	top: 20px;
	left: 350px;
}
#manuel a {color: #fff;}
#manuel img {margin-right: 5px;}

#donnees {
	position: absolute;
	top: 20px;
	left: 450px;
}
#donnees a {color: #fff;}
#donnees img {margin-right: 5px;}

#faq {
	position: absolute;
	top: 20px;
	left: 550px;
}
#faq a {color: #fff;}
#faq img {margin-right: 5px;}


#logout {
	position: absolute;
	top: 20px;
	right: 150px;
}
#logout a {color: #fff;}
#logout img {margin-right: 5px;}

#dla {position:absolute; top:20px;right:15px;}

#menu {
	padding-left:70px;
	margin: 63px auto 0;
	margin-bottom:20px;
	z-index:3;
}

#menu a {
	text-decoration: none;
	font-family:DIN-Medium, Arial, Helvetica, sans-serif;
 	color: #FFFFFF;
}
#menu ul {padding:0;}

#menu li {
	display:inline-block;
	text-align:center;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	padding-top:10px;
	margin:-1px;			/* AE : bizarre. Espacement entre les LI, du fait des sauts de ligne dans le code. Marges négatives temporairement, pour compenser */
	border-radius: 5px 5px 0 0;
	border: none;
	min-width: 110px;
	}

#ss_menu {
	width: 600px;
}

#ss_menu a {
	text-decoration: none;
	font-family:DIN-Medium, Arial, Helvetica, sans-serif;
 	color: #FFFFFF;
}
#ss_menu ul {padding:0;}

#ss_menu li {
	display:inline-block;
	text-align:center;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	margin:-1px;			/* AE : bizarre. Espacement entre les LI, du fait des sauts de ligne dans le code. Marges négatives temporairement, pour compenser */
	border-radius: 5px 5px 0 0;
	border: none;
	min-width: 110px;
}
	
.c1 {background-color: #CCC;}
.c2 {background-color: #C0228E;}
.c3 {background-color: #F99D1C;}
.c4 {background-color: #63BC46;}
.c5 {background-color: #F37167;}
.c6 {background-color: #25BDBE;}
.c7 {background-color: #7E469B;}
.c8 {background-color: #62647b;}
.c9 {background-color: #CCC;}
.c10 {background-color: #234ea2;}

/*
.menu {
	font-size: 11px;
	color: White;
	text-align: center;
	font-weight: bold;
	height: 20px;
 	background-color: #8C9CCF;
	}

.menu a {
	text-decoration: none;
 	color: #FFFFFF;
	font-weight: bold;}
 */
 
 
.pied_page  {
	background-image:url(../../_images/bg_pied_page.png);
	background-repeat:repeat-x;
	height: 62px;
	margin-top: 30px;
	padding-top:20px;
	color:#FFF;
	}	
.pied_page  a {
	text-decoration: none;
 	color: #FFFFFF;
	margin:10px;
	}

 	
.menu a:hover {
	color: #000000;}

.onglet {
	font-size: 12px;
	color:#8C9CCF;
	background-color: White;
	border: solid 1px #3371FF;
	text-align: center;
	height: 20px;
}

.onglet_actif {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #8C9CCF;
	font-weight: bold;
	text-align: center;
	height: 20px;
}

.onglet_actif a {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #8C9CCF;
	font-weight: bold;
	text-align: center;
	height: 20px;
}



/*______________________________________________________________________________*/
/*                                                                              */
/*                Styles des Blocs composant les pages principales              */
/*                                                                              */
/*______________________________________________________________________________*/



/* Ligne RECHERCHE (LC, LCS, LL, LienInternD... )_______________________________ */
.Rech {text-align: center; margin-left:auto; margin-right:auto; }

/* AE : critères de recherche modifiés */
.Rech table {
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
	margin: 12px auto;
	padding: 10px 0 0 0;
	text-align: center;}

.Rech th {
	font-weight: normal;
	padding: 3px 5px 0 5px;
	color:#444;
	}

.Rech td {
	padding:0 5px 3px 5px;
	color: #999;
	text-align:left;
	vertical-align:top;
	}

.Rech th div {text-align:left;}

	
/* AE
.Rech table {
	border: solid 1px #3371FF;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 15px;
	text-align: center;}

.Rech td {text-align: center;
padding-right: 3px;
padding-left: 3px;}

.Rech th {
	background-color: #EFEFEF;
	font-weight: normal;
	padding-right:4px;
	padding-left:4px;
	/*text-align: center;}
*/


/* Ligne LISTES ENREGISTREMENTS EN COLONNES (LC, LCS, LienInterneD...____________ */

.Enr table {border:1px solid #ccc; width:100%;}

.Enr th {padding:8px 2px;}

.Enr td{line-height: 20px;}	
	
/* Colonne des Actions (LCS et LC) : Ajouter, Supprimer */
.EnrAction {
	width: 5px;
	text-align: center;}

.impair td, .pair td {
	vertical-align: top;
	padding:0 3px;
}

.pair td {background-color:#ebebeb;}

.impair td{background-color:#FFF;}

	
/* Ligne NAVIGATION (toutes pages, ou presque)______________________________________*/
.Nav {
	color:#999;
	text-align: center;
	padding: 4px;
	border: 0px solid #cccccc;}

	/* Navigation : 5 styles utlisés dans les pages LL, LC et LCS */
.Nav table {padding: 2px;}
	/* Navigation - Actions dans LCS (gestion des statuts) */
.NavAction {}
	/* Navigation - N° et nombre d'enregistrements */
.NavEnrNo {text-align:left;}
	/* Navigation - N° et nombre de pages */
.NavPageNo {text-align: right;}
.NavPageNo a {font-weight: bold;}
	/* Navigation - Bouton retour, parfois OK et Annuler (à vérifier avec NavAction) */
.NavRetour {
	text-align: right;
	width: 100px;}

/* Ligne DETAIL ENREGISTREMENT (DC et DMAJ)_________________________________________*/

.EnrDetail .EnrDetail {padding: 5px;}


.EnrDetail table {
	padding: 2px;
	background-color: #eeeeee;
	border: 1px solid #8C9CCF;	}


.EnrMAJ table {
	background-color: #eeeeee;
	border: 1px solid #8C9CCF;}
	
.EnrMAJ table table, .EnrDetail table table {
	border: none;
}

.EnrMAJ2 table {
	background-color: #eeeeee;
	border: 1px solid #8C9CCF;}

.EnrMAJ2 table table{
	background-color: #eeeeee;
	border: 2px solid #CCCCCC;
	}



.EnrMAJ .Lib, .EnrDetail .Lib {
text-align: right;
padding-right: 5px;
}

.EnrMAJ2 .Lib, {
text-align: right;
padding-right: 5px;
}

.Lib_fort {
color: #666666;
text-align: right;
padding-right: 5px;
border-right: 2px solid #CCCCCC;
}

.Lib_fort_center {
color: #666666;
text-align: center;
padding-right: 5px;
border-right: 2px solid #CCCCCC;
}

.Lib_center {
color: #666666;
text-align: center;
padding-right: 5px;
}

.bords_fort_center {
text-align: center;
padding-right: 5px;
border-right: 2px solid #CCCCCC;
}

.donnees_center {
text-align: center;
padding-right: 5px;
}

.bords_droit_fort {
border-right: 2px solid #CCCCCC;
}

.bords_fort {
border: 2px solid #CCCCCC;
}

/* Utilisé comme Séparateur de tableau */
.fondblanc {background-color: #FFFFFF;}
.fondrouge {background-color:#8C9CCF;}
.fondgris {background-color: #EEEEEE;}

.noborder .border {border: 1px solid #8C9CCF;}
table.noborder {border: none;}

/* AE : ajustements - Ligne de synthèse au dessus de certaines listes */
.synthese td {
	color: #f99d1c;
	background-color:	#d1e1f4;
	font-weight: bold;
	white-space: nowrap;
}

/* En-tête de plusieurs colonnes */
.col_titre {
	background-color: #CCCCCC;
	border-right: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
}

/* Bordure droite */
.bord_droit {
	border-right: 1px solid #CCCCCC;
}

.bord_droit_fort {
	border-right: 2px solid #CCCCCC;
}

/* Bordure basse */
.bord_bas_fort {
	border-bottom: 2px solid #CCCCCC;
}

.Statut {
	text-align: center;
}

.popup
{
	padding: 5px;
	background-color: #eeeeee;
	border: 1px solid #8C9CCF;
}

.popup h1 {
	background-color: #8C9CCF;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	height: 30px;
	letter-spacing: normal;
}

.popup th {	font-weight: normal;}

.popup .Rech {
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FFFFFF;
}

.sstitre {
	font-size: 12px;
		color: #8C9CCF;
		font-weight: bold;
		vertical-align: middle;
		margin-bottom: 0px
}
/*______________________________________________________________________________*/
/*                                                                              */
/*                         Gestion des HABILITATIONS                            */
/*                                                                              */
/*______________________________________________________________________________*/

.Login table {
	padding: 10px;
	margin: 40px;
	width: auto;
	text-align: center;
	background-color: #F7F7F7;}

/* Style spécifique accès à Ecnar  - left: 795px; top: 82px; 

#cnar {
	z-index:1; 
	style="position:absolute";
	background-color:#8C9CCF; 
	layer-background-color:#8C9CCF; 
	border: 1px none #000000; 
	visibility:hidden; 
	width:63px;
	height:52px;
	left:803px;
	top:106px;"
} */

/* Style pour le menu Ecnar */
#menu1 {
position: absolute;
top: 105px;
left: 800px;
z-index:1;
}

#menu1 td {
text-align: center;
background-color: #8C9CCF;
padding-left: 2px;
width: 90px;
font-weight: bold;
}

#menu1 td a{
color:White;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu1 td a:hover {
color: #000000;
}


/* AE : site */
/* AE : site init
#site {
position: absolute;
z-index: 0;
top : 0px;
left : 0px;
color: #000;
}
*/


.encart{border: 1px solid #8C9CCF; }
.etpmasse{color:#666; margin:5px;text-align:justify;}


/* Cartographie */
#carte_option {float:left;}
#carte_img {float:left; margin-left: 20px;}


.RechCarte {
	margin-left: 10px;
	margin-top: 10px;
	border: solid 1px #3371FF;
}
	

.RechCarte td {padding: 3px;}

.RechCarte th {
	background-color: #EFEFEF;
	font-weight: normal;
}

.gris { color:#a8a8a8;}

.violet { color:#C0228E;}


/*-------------------------------------------------------------------*/
/*                                                                   */
/*   Complément TdB - Indicateurs de performances - Janvier 2016     */
/*                                                                   */
/*-------------------------------------------------------------------*/

.tdb div {padding-bottom:20px;}

/* Titre des bloc */
.tdb h2 {
	margin:10px 0;
	font-size: 1.3em;
	}

/* Tables : généralités */
.tdb table {
	width:100%;
	border-collapse:collapse;
	border:2px solid #8c9ccf;
	background-color: #FFFFFF;
	}

.tdb th {
	padding:3px 5px;
	}
	
.tdb td {
	padding: 3px 5px;
	white-space:nowrap;
	}

.tdb #ressources td {text-align:right;}
.tdb #activites td,
.tdb #beneficiaires td,
.tdb #prestataires td {
	text-align:center;
	}



/* En-têtes de colonne, sur deux lignes, avec groupes de colonne par année*/
.tdb colgroup {border:1px solid #8C9CCF;}

.tdb thead th {
	text-align:right;
	font-weight:normal;
	background-color:#ECECEC;
	}

.tdb th.annee {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	}


/* En-têtes de lignes sur deux niveaux */

		/* niveau 1 */
.tdb tbody tr.n1 th,
.tdb tbody tr.n1 td {
	font-weight:bold;
	border-top:1px solid #8C9CCF;
	}



.tdb tbody th h3 {
	color: #7E469B;
	}
 
.tdb tbody th[scope=rowgroup] {vertical-align:top;}


.tdb tbody th {
	font-weight:normal;
	padding-left: 30px;					/* Padding par défaut : retrait pour les lignes de détail */
	}

		/* Ligne de synthèse, au dessus des lignes de détail */
.tdb tbody tr.n2 th,
.tdb tbody tr.n2 td {
	font-weight:bold;
	border-top:1px solid #CCCCCC;
	}

.tdb tbody tr.n1 th,
.tdb tbody tr.n2 th {
	padding-left:5px;
	}
	
/* Ajustement lorsqu'un groupe de ligne n'a pas de ligne de synthèse */

.tdb tbody tr.simple th,
.tdb tbody tr.simple td {
	font-weight:normal;
	}
.tdb tbody tr.simple th {
	padding-left:30px;
	}
.tdb tbody tr.simple th:first-child {
	padding-left:5px;
	}

/* Voir aussi */
.tdb td.plus,
.tdb #ressources td.plus {
	text-align: center;
	padding:10px;
}

.tdb td.plus a {font-weight:bold;}
	
.tdb .nowrap {white-space: nowrap;}

#bandeau_print {
        display: none;
}