/* ____________________________________________________________________ */
/*
/*
/* FEUILLE DE STYLE ADEME QECB
/* Version du 10/02/2009
/*
/* ____________________________________________________________________ */


/*
1)  STYLE DES BALISES
    ----------------- 
*/
body {
	margin: 0;
	padding: 0;
	background-color:#7a929f;
	font-size: 12px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif; 
}
 
a {color: #006699;}

h2 {
	font-size: 1.3em;
	color:#006699;
	font-weight: bold;
	padding: 0; 
	margin: 30px 30px 10px 0; 
	text-align:center;
}

h4 {
	font-size: 2em;
	color:#006699;
	font-weight: bold;
	padding: 0; 
	margin: 20px 0px 10px 0px; 
	text-align:right;
}

td {text-align:left; vertical-align:top;}

img {border: none;}

/*
2. STRUCTURE DE LA PAGE
   -------------------- */
   
/*
2.1. En-tête */

#entete {
	background-color: #FFFFFF;
    padding: 0;
	height: 120px;
}

#bandeau {
	width:100%;
	height:118px;
	background-image:url(../../images/bandeau.gif);
}

#logo { 
	float: left;
	width: 206px;
	height: 78px;
}

/* recherche textuelle */
#recherche {
	position: absolute;
	top: 10px;
	left: 822px;
}

#recherche form {border: none; padding: 0; margin: 0;}

#accueil {
	width:90%;
	padding:10px;
	margin:auto;
	text-align:center;
	text-align:justify;
	border:1px solid #789d17;
}

#page {
	width:950px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;
}

#mainContent{
	margin-left:20px;
	margin-right:20px;
}


/*
2.4. Pied de page */	

#footer { 
	font-size: 0.8em;
	color: #333;
	font-weight:bold;
	text-align: center;
	padding: 15px;
} 

#footer p {
	margin: 0;
	padding:0;
}	
	



#detail {
	padding:5px;
	margin:auto;
	width:75%;
	border: 0px solid #789d17;
	background-color:#DDDDDD;
}


#detail fieldset {
	border: 1px solid #789d17;
}

#detail legend {
	color: #67831E;
	font-weight: bold;
}

#detail table {
	width: 100%;
}

#detail td  {
	padding:2px;
	text-align:center;
}

#detail td.colonneGauche {
	text-align:right;
	padding-right:5px;
	width:40%;
	font-weight:bold;
}

#detail td.colonneDroite {
	text-align:left;
	width:60%;
}

#details {
	background-color:#00CC00;
	width: 100%px;
	height: 95%;
}


#detailNewsLetter {
	padding:5px;
	margin:auto;
	width:45%;
	height: 100%;
	border:1px solid #789d17;
	background-color:#DDDDDD;
	float:left;
}

#detailExemplaire {
	padding:5px;
	margin:auto;
	width:45%;
	height: 100%;
	border:1px solid #789d17;
	background-color:#DDDDDD;
	float:right;
}


/*
3) LISTES D'ENREGISTREMENTS
   ------------------------ */	

/* zone de recherche : critères et bouton Chercher */
.rech {
	margin: 0;
	margin-bottom: 10px;
	text-align: center;
}

.rech form {border: none; margin:0;}

.rech table {width: auto;}

.rech th {font-weight: normal;}

.rech td {text-align: center;}

.rech img{vertical-align: text-bottom;}


.liste {
	text-align:center;
	border: 1px solid #CC000;
	padding: 0;
	}
	

.liste th {
	text-align:left;
	color: #789d17;
	background-color: #eee;
	font-weight: normal;
	padding: 5px;
	}
	
	
.liste table {
	width: 100%; 
	border-collapse:collapse; 
	border: 1px solid #006699;
}
.liste tr:hover {
	background-color: #DFEBFF;
}
.liste td.t_centre {
	text-align:center;
}
.liste td {
	border: none;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}
.liste th {
	padding: 5px; 
	border: none; 
	border-bottom: 1px solid #006699;
	color: #336699;
}
.liste th.t_droite {text-align:right;}
.liste th.sous_titre {text-align:left; border-top: 1px solid #789d17; border-bottom: 0px;}
.liste img {padding-top: 3px;}
.liste tr.noborder td {border-bottom: none;}

/* pas de bordure pour une table dans un fieldset */
fieldset.liste table {border: none; width: 98%; margin-bottom: 1em;}
fieldset.liste table th {background-color: white; font-weight: bold; padding: 2px;}
fieldset.liste table td {padding: 2px;}


/*
4) PAGES EN ONGLETS
   ---------------- */
#onglet {margin:0px; padding:0px;}
#onglet a {text-decoration: none;}

#onglet fieldset {
	margin:5px;
}

.onglet_item {
	float: left;
	border: 1px solid #006699;
	border-collapse:collapse;
	background-color:rgb(164, 196, 255);
	margin:0px;
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-top: 8px;
	text-align: center;
}

.onglet_item.actif {background-color:rgb(164, 196, 255); color: #FFF;}
.onglet_item.inactif {background-color:#EEEEEE; color: #888888;}


#onglet_corps {
	border: 1px solid #006699;
	width:100%;
	height:100%;
	margin:0px;
	margin-top: -1px;
	padding:7px;
}

#onglet_corps table {
	width:100%;
}

#onglet_corps td.colonneGaucheOperation {
	text-align:right;
	padding-right:5px;
	width:40%;
	font-weight:bold;
	color:#999999;
}

#onglet_corps td.colonneGaucheOperation2 {
	text-align:right;
	padding-right:5px;
	width:30%;
	font-weight:bold;
	color:#999999;
}

#onglet_corps td.titreSigneReconnaissanceOperation {
	text-align:center;
	width:33%;
	font-weight:bold;
	color:#999999;
}

#onglet_corps td.ligneSigneReconnaissanceOperation {
	text-align:center;
	}

#onglet_corps td.colonneGaucheOperation3titre {
	text-align:left;
	color:#999999;
	font-weight:bold;
}
#onglet_corps td.colonneGaucheOperation3 {
	text-align:right;
	color:#999999;
}

#onglet_corps td.thematiqueNiv1 {
	font-weight:bold;
	}

#onglet_corps td.thematiqueNiv2 {
	padding-left:25px;
	}
	
.onglet_corps_et {
	text-align: right;
	vertical-align:text-bottom;
}

.onglet_corps_pp {
	background-color: #999999;
	text-align: center;
}

#onglet_corps fieldset {
	/*float: left;
	margin: 10px;*/
}

#onglet_corps fieldset legend {
	color: #006699;
	font-weight: bold;
}


#onglet_corps p .lib, #onglet_corps fieldset .lib {
	float: left;
	color: rgb(164, 196, 255);
}

#onglet_corps fieldset tr {
	/*border-bottom:1px solid #006699;*/
}

#onglet_corps #tableActeurs {
	width:95%;
	border:1px solid rgb(164, 196, 255);
	border-collapse:collapse;
}

#onglet_corps #tableActeurs th {
	padding:5px;
}

#onglet_corps #tableActeurs td {
	width:25%; 
	padding:5px;
}

#onglet_corps #indicateurs {
	width:100%;
	border-collapse:collapse;
}

#onglet_corps #indicateurs td {
	border-bottom: solid;
	border-color:white; /*si border=none, heritage d'un border #cccccc venant d un autre TD non identifie*/
	border-width:thin;
}

/*
5) FORMULAIRES
   ----------- */
form {border: 1px solid #789d17;}
form table { border-collapse:collapse;}
form img {vertical-align: text-bottom;}

input {	font-family: Verdana, Arial, Helvetica, sans-serif;}

.f_et, .f_pied {
	background-color: #CCC;
	color: #789d17;
	text-align: center;
	font-weight:bold;
	padding: 5px;
}



/* présentation des champs disabled */
.inactif {
	background-color: #FFFFFF;
	color: #666666;
	text-align: center;
	}

.popup {
	position: absolute;
	top: 300px;
	left: 300px;
	width: 25em;
	border: 3px solid #0080C0;
}

.popup form {padding: 5px; margin: 0;}
.popup table {background-color: #EEE; width: 100%;}
.popup td {padding: 5px;}
#p_ajout, #p_suppr, #p_modif, #confirm_ajout, #confirm_suppr {visibility: hidden;}
#confirm_ajout, #confirm_suppr {width: 40em;}

/*
9) STYLES GENERIQUES
   ----------------- */

.cleaner {clear:both; visibility:hidden;}

/* Alignement des DIV */   
.droite {float: right;}
.gauche {float: left;}


.fondBleu {
	background-color:#8AB7CE;
	padding:5px;
	cursor:pointer;
}


/* Alignement des paragraphes et cellules */
.t_centre {text-align: center;}
.t_gauche {text-align: left;}
.t_droite {text-align: right;}



/* Boutons */
.bouton, .bouton_plus, .bouton_auto {
	background-color: #475C67;
	color: #FFFFFF;
	font-weight: bold;
	border: solid #a0a0a0 1px;
	width: 5em;
}

.bouton_plus {width: 1.4em; height: 1.4em;}

.bouton_auto {width: auto;}

.bouton_auto_blanc {
	background-color: #CCCCCC;
	color: #000000;
	border: solid #a0a0a0 1px;
	width: auto;
}

/* Mise en forme caractères */
.gras, th.gras{font-weight: bold;}

/* Bordures */
.border  {border: 1px solid #00459d;}
.border_g {border-left: 1px solid #00459d;}
.border_h {border-top: 1px solid #00459d;}
.border_b {border-bottom: 1px solid #00459d;}
.border_d {border-right: 1px solid #00459d;}
td.noborder {border: none;}


/* Padding et margin */
.nospace {padding: 0; margin:0;}
.auto {width: auto;}
.min {width: 1px;}
.nowrap {white-space: nowrap;}

/* style pour ne plus avoir la couleur dans la div liste */
.visiteur {
	text-align:center;
	border: 0px solid #CC000;
	padding: 0;
	}
	

.visiteur th {
	text-align:left;
	color: #0080FF;
	font-weight: normal;
	padding: 5px;
	}
	
.visiteur a {
	color:#0080FF;
}
	
.visiteur table {
	width: 100%; 
	border-collapse:collapse; 
	border: 0px solid #789d17;
}

.visiteur td.t_centre {text-align:center;}
.visiteur td {
	border: none;
	border-bottom: 0px solid #ccc;
	padding: 5px;
}
.visiteur th {padding: 5px; border: none; border-bottom: 0px solid #789d17;}
/*.visiteur tr:hover {background-color:#CDDCFE;}*/
.visiteur th.t_droite {text-align:right;}
.visiteur th.sous_titre {text-align:left; border-top: 0px solid #789d17; border-bottom: 0px;}
.visiteur img {padding-top: 3px;}
.visiteur tr.noborder td {border-bottom: none;}
.visiteur legend {color:#006699; font-size:14px; font-weight:bold;}