/* Importations des feuilles de styles complementaires */
@import url(./css/the_green_agency.css);

/* DEBUT - Neutralisation & Initialisation des balises */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, /*em,*/ font, img, ins, kbd, q, s, samp,
small, strike, /*strong,*/ sub, sup, tt, var,
dl, dt, dd, /*ol, ul, li,*/ fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Definir les styles focus */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}

/* Les tableaux sont neutralises 'cellspacing="0"' */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0px;
}

caption, th, td {
	padding: 5px;
	font: 11px Arial;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
}

th {
	font-weight: bold;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
body {
	font-family: Arial;
	font-size: 11px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
/* FIN - Neutralisation & Initialisation des balises */

/* DEBUT - LOGIN */
#conteneur_login {
	position: absolute;
	width: 100%; 
}

#entete_separator {
	margin-top:50px;
	height: 179px;
	width: 100%;
	background: url(./images/login_head_repeat.jpg) top center repeat-x;
}
#entete_login {
	height: 179px;
	width: 100%;
	background: url(./images/login_head.jpg) top center no-repeat;
}
#entete_logo {
	margin-top:20px;
	height: 109px;
	width: 100%;
	text-align:center;
}
#entete_logo img {
	background: url(./images/login_logo.jpg) top center no-repeat;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
}
		
#centre_login {
	width: 425px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: transparent;
	clear:both;
}
#centre_login table {
float:left;
width:374px;
margin-top:30px;
}
#centre_login table tr td {
	font-family : Arial;
	font-weight:Bold; 
	font-size:14px; 
	font-style:italic;
	color:#666666;
	text-align:left;
}
#centre_login table tr td input {
	border-style:solid;
	border-width:1px;
	border-color:#16363e;
	width:230px;
}
#centre_login #submit {
	float:left;
	margin-top:42px;
	width:51px;
}
#centre_login #submit a {
	display:block;
	height:51px;
	width:51px;
	background: url(./images/valid.png) top left no-repeat;
}
#centre_login #submit a:hover {
	background: url(./images/valid_over.png) top left no-repeat;
}
#centre_login .erreur {
	padding-top:15px;
	color:#ff0000;
	text-align:center;
}
#separator_login {
	clear:both;
	width:425px;
	padding-top:20px;
}
#separator_login div {
	height: 1px;
	width:425px;
	color: #666666;
	background-color: #666666;
	border: none;
}
#se_souvenir {
	float:left;
	color:#666666;
}
#mot_de_passe {
	float:left;
	margin-top:5px;
	margin-left:120px;
}
#mot_de_passe a {
	color:#0a213f;
}
#login_copyright {
	clear:both;
	padding-top:30px;
	text-align:center;
}
/* FIN - LOGIN */

/* DEBUT - HEADER */
#header {
	height:142px;
	width: 100%;
	background: url(./images/head_repeat.png) top left repeat-x;
}
#header_logo_tactile {
	float:left;
	height:115px;
	width: 340px;
	background: url(./images/logo_tactile.png) top left no-repeat;
}
#header_logo_tactile > a {
	display:block;
	height:100px;
	width:300px;
}
#header_droite {
	float:right;
	height: 142px;
	width: 385px;
	background: url(./images/logo_societe.png) 135px 0px no-repeat;
}
#header_info_user {
	margin-top:70px;
	height:35px;
	margin-right:20px;
}
#header_info_user p {
	float:left;
	margin-top:10px;
	margin-right:10px;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
}
#header_info_user a {
	float:left;
	display:block;
	width:34px;
	height:34px;
	background: url(./images/disconnect.png) top left no-repeat;
}
#header_info_user a:hover {
	background: url(./images/disconnect_over.png) top left no-repeat;
}
#header_fonctions #preferences {
	float:right;
	display:block;
	width:92px;
	height:27px;
	background: url(./images/preferences.png) top left no-repeat;
	margin-top:7px;
	margin-left:0px;
}
#header_fonctions #statistiques {
	float:right;
	display:block;
	width:92px;
	height:27px;
	background: url(./images/stats.png) top left no-repeat;
	margin-top:7px;
	margin-left:5px;
}
#header_fonctions #bug {
	float:right;
	display:block;
	width:92px;
	height:27px;
	background: url(./images/bug.png) top left no-repeat;
	margin-top:7px;
	margin-left:5px;
}
#header_fonctions #aide {
	float:right;
	display:block;
	width:92px;
	height:27px;
	background: url(./images/aide.png) top left no-repeat;
	margin-top:7px;
	margin-left:5px;
}
#header_fonctions #aide:hover {
	background: url(./images/aide_over.png) top left no-repeat;
}
#header_fonctions #bug:hover {
	background: url(./images/bug_over.png) top left no-repeat;
}
#header_fonctions #statistiques:hover {
	background: url(./images/stats_over.png) top left no-repeat;
}
#header_fonctions #preferences:hover {
	background: url(./images/preferences_over.png) top left no-repeat;
}
/* FIN - HEADER */
/* DEBUT - PIED */
#pied {
	margin-top:20px;
	clear:both;
	height:70px;
	width: 100%;
	background: url(./images/foot_1px.png) top left repeat-x;
}
#copyright {
	height:43px;
	width: 100%;
	background: url(./images/foot.png) top center no-repeat;
}
#copyright p {
	width: 100%;
	text-align:center;
	padding-top:14px;
	color:#666666;
}
#copyright p a {
	color:#666666;
	text-decoration:none;
}
/* FIN - PIED */

/* DEBUT - ONGLET */
#onglet {
	clear:both;
	margin-top:20px;
	height:32px;
	width: 100%;
	background: url(./images/onglet_1px.png) bottom left repeat-x;
}
#onglet .inactif{
	height:32px;
	width: 211px;
	background: url(./images/onglet_inactif.png) top left no-repeat;
}
#onglet .inactif a {
	color:#b9b9b9;
}
#onglet .actif a {
	color:#000000;
}
#onglet div {
	text-align:center;
}
#onglet div a {
	display:block;
	margin-top:10px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
#onglet .actif{
	height:32px;
	width: 211px;
	background: url(./images/onglet_actif.png) top left no-repeat;
}
#gestion_crm {
	float:left;
	margin-left:20px;
}
#administration_web {
	float:left;
}
#sous_onglet {
	clear:both;
	height:100px;
}
#sous_onglet div {
	float:left;
	margin-top:15px;
	width:100px;
	height:20px;
	text-align:center;
}
#sous_onglet .actif {
	background-color:#000000;
}
#sous_onglet .actif a {
	background-color:#000000;
	color:#000000;
}
#sous_onglet .inactif a {
	color:#666666;
}
#sous_onglet #tableau_bord {
	margin-left:230px;
}
#sous_onglet div a {
	display:block;
	margin-top:4px;
	text-decoration:none;
}
#sous_onglet_liseret {
	height: 5px;
	width:100%;
	color: #666666;
	background-color: #666666;
	border: none;
}
/* FIN - ONGLET */
	
/* DEBUT - ENCARD */
.tampon {
	clear:both;
}
.encard {
	margin-top:10px;
	border-style:solid;
	border-width:1px;
	border-color:#696969;
	margin-left:10px;
	margin-right:10px;
}
.encard_haut {
	height:29px;
	width: 100%;
	background: url(./images/tableau_haut_1px.png) top left repeat-x;
}
.encard_bas {
	height:4px;
	width: 100%;
	background: url(./images/tableau_bas_1px.png) top left repeat-x;
}
.encard_onglet {
	margin-top:0px;
	margin-left:0px;
	width:25%;
	height:29px;
	background-color:white;
	background-image: url(./images/tableau_onglet_end.png);
	background-position: top right;
	background-repeat:no-repeat;
}
.encard_onglet p {
	margin-top:2px;
	float:left;
}
.encard_onglet p.encard_icone_contenu {
	height:21px;
	width: 23px;
	background: url(./images/ico_contenu.png) top left no-repeat;
	margin-left:10px;
}
.encard_onglet p.encard_icone_taches {
	height:21px;
	width: 23px;
	background: url(./images/ico_taches.png) top left no-repeat;
	margin-left:10px;
}
.encard_onglet p.encard_icone_bug {
	height:21px;
	width: 23px;
	background: url(./images/ico_bug.png) top left no-repeat;
	margin-left:10px;
}
.encard_onglet p.encard_icone_bibliotheque {
	height:21px;
	width: 23px;
	background: url(./images/ico_biblio.png) top left no-repeat;
	margin-left:10px;
}
.encard_onglet p.encard_icone_preferences {
	height:21px;
	width: 23px;
	background: url(./images/ico_prefs.png) top left no-repeat;
	margin-left:10px;
}
.encard_onglet p.encard_icone_lister {
	height:21px;
	width: 23px;
	background: url(./images/ico_lister.png) top left no-repeat;
	margin-left:10px;
}
.encard_onglet p.encard_icone_plus {
	height:21px;
	width: 23px;
	background: url(./images/ico_+.png) top left no-repeat;
	margin-left:10px;
}
.encard_onglet p.encard_icone_statistiques {
	height:21px;
	width: 23px;
	background: url(./images/ico_stats.png) top left no-repeat;
	margin-left:10px;
}
.encard_onglet p.encard_icone_commandes {
	height:21px;
	width: 23px;
	background: url(./images/ico_commandes.png) top left no-repeat;
	margin-left:10px;
}
.encard_onglet p.encard_titre {
	color:#16363e;
	font-weight:bold;
	font-size:14px;
	margin-left:10px;
}
.encard_header {
	color:#ffffff;
	background-color:#666666;
	margin:10px 67px 10px 60px;
	height:20px;
}
.encard_header p {
	padding : 3px 0 0 10px;
}
.encard_content {
	color:#666666;
	padding: 5px 0 40px 10px;
	
}
#encard_statistiques {
	margin-left:45px;
}
#encard_statistiques_periodes {
	margin-left:60px;
	margin-bottom:20px;
}
#encard_statistiques_periodes select {
	width:150px;
	
}
.encard_content p#lister {
	margin-left:50px;
}
.encard_content p#ajouter {
	margin-left:30px;
}
select {
	font-size:11px;
	font-family:arial;
}

.encard_content table.resultats {	
	width:100%;
}
.encard_content table.resultats tr th {	
	background-color:#666666;
	color:#ffffff;
}
.encard_content table.resultats tr td {	
	background-color:#ececec;
	color:#666666;
	border-style:solid;
	border-width:2px;
	border-color:#ffffff;
}
.encard_content table.resultats tr td a {	
	color:#666666;
}
.encard_content table.resultats tr td a:hover {	
	color:#0000cc;
}
.encard_content table.resultats tr th.gauche_0 {
	background-color:#ffffff;
	width:35px;
	border-left-style:solid;
	border-width:2px;
	border-color:#ffffff;
}
.encard_content table.resultats tr th.gauche_1 {	
	border-left-style:solid;
	border-width:2px;
	border-color:#ffffff;
}
.encard_content table.resultats tr td.gauche_0 {	
	background-color:#ffffff;
	border-right-style:solid;
	width:35px;
}

.encard_content table.resultats tr th.droite_0 {
	background-color:#ffffff;
	width:58px;
	vertical-align:top;
}
.encard_content table.resultats tr th.droite_1 {	
	border-right-style:solid;
	border-width:2px;
	border-color:#ffffff;
}
.encard_content table.resultats tr th .bt_ajouter {	
	margin:auto;
	display:block;
	height:33px;
	width:33px;
	background: url(./images/ajouter.png) top left no-repeat;
}
.encard_content table tr th .bt_ajouter:hover {	
	background: url(./images/ajouter_over.png) top left no-repeat;
}
.bt_import {	
	margin:auto;
	display:block;
	height:33px;
	width:33px;
	background: url(./images/icon_import.png) top left no-repeat;
}
.bt_import:hover {	
	background: url(./images/icon_import_over.png) top left no-repeat;
}
.bt_export {	
	margin:auto;
	display:block;
	height:33px;
	width:33px;
	background: url(./images/icon_export.png) top left no-repeat;
}
.bt_export:hover {	
	background: url(./images/icon_export_over.png) top left no-repeat;
}
.encard_content table.resultats tr th .bt_effacer {	
	margin:auto;
	display:block;
	height:33px;
	width:33px;
	background: url(./images/effacer.png) top left no-repeat;
}
.encard_content table.resultats tr th .bt_effacer:hover {	
	background: url(./images/effacer_over.png) top left no-repeat;
}
.suivant_precedent {
	text-align:center;width:100%;padding-bottom:5px;
	color:#666666;
}
.suivant_precedent a {
	color:#666666;
}
.suivant_precedent a:hover {
	color:#0000cc;
}

.encard_content form#sauvegarder div {	
/*	padding-left:20px;
	padding-right:65px;*/
}
.encard_content div ul {	
	margin-left:20px;
}
.encard_content form div table.formulaire {	
}
.encard_content form div table.formulaire tr td {	
	text-align:left;
	vertical-align:top;
	padding-left:30px;
}
.encard_content form div table.formulaire tr td .encard_subcontent table tr td {	
	text-align:left;
	vertical-align:top;
	padding-left:0px;
}
.encard_content form div table.formulaire tr td a {	
	color:#666666;
}
.encard_content form div table.formulaire tr td .encard_subcontent table tr td a {	
	color:#000000;
}
.encard_content form div table.formulaire tr td .encard_subcontent table tr td a:hover {	
	color:#666666;
}
div input._input {	
	width:200px;
	font-size:11px;
	font-family:arial;
	color:#666666;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
}
div select {	
	width:200px;
	font-size:11px;
	font-family:arial;
	color:#666666;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
}
div textarea {	
	height:200px;
	width:200px;
	font-size:11px;
	font-family:arial;
	color:#666666;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
	overflow:auto;
}
a.sauvegarder {
	margin-top:20px;
	display:block;
	height:37px;
	width:121px;
	background: url(./images/save.png) top left no-repeat;	
}
a.sauvegarder:hover {
	background: url(./images/save_over.png) top left no-repeat;	
}
a.supprimer {
	margin-top:20px;
	display:block;
	height:37px;
	width:121px;
	background: url(./images/erase.png) top left no-repeat;	
}
a.supprimer:hover {
	background: url(./images/erase_over.png) top left no-repeat;	
}
a.exporter {
	margin-top:20px;
	display:block;
	height:37px;
	width:121px;
	background: url(./images/exporter.png) top left no-repeat;	
}
a.exporter:hover {
	background: url(./images/exporter_over.png) top left no-repeat;	
}
a.envoyer {
	margin-top:20px;
	display:block;
	height:37px;
	width:121px;
	background: url(./images/send.png) top left no-repeat;	
}
a.envoyer:hover {
	background: url(./images/send_over.png) top left no-repeat;	
}
a.generer {
	margin-top:20px;
	display:block;
	height:37px;
	width:121px;
	background: url(./images/generer.png) top left no-repeat;	
}
a.generer:hover {
	background: url(./images/generer_over.png) top left no-repeat;	
}
a.effacer {
	display:block;
	height:33px;
	width:33px;
	background: url(./images/effacer.png) top left no-repeat;	
}
a.effacer:hover {
	background: url(./images/effacer_over.png) top left no-repeat;	
}
.encard_photo a {
	position:absolute;
}
.encard_photo a img {
	border-style:solid;
	border-width:1px;
	border-color:#666666;
}
.encard_photo input {
	position:absolute;
}
.encard_document a {
	position:absolute;
}
.encard_document input {
	position:absolute;
}
.encard_header p a {
	text-decoration:none;
	color:#000000;
}
.encard_header p a:hover {
	color:#ffffff;
}
.encard_header p .menu_selected {
	color:#ffffff;
}
/* FIN - ENCARD */
.encard_filtre form div {	
}
.encard_filtre {
	height:40px;
}
.encard_filtre_filtres {
	float:right;
	margin-top:6px;
	margin-right:2px;
}
.encard_filtre_action {
	float:right;
	width:68px;
	margin:0px;
	padding:0px;
}
.encard_filtre_action a {
	margin-left:15px;
	display:block;
	height:33px;
	width:33px;
	background: url(./images/valider.png) top left no-repeat;
}
.encard_filtre_action a:hover {
	background: url(./images/valider_over.png) top left no-repeat;
}
.encard_subcontent {
	color:#666666;
	background-color:#ececec;	
	padding: 5px 0 5px 50px;
	width:355px;
	padding-right:0px;
}
.sous_liste {
	width:100%;
}
.sous_liste tr td {
	text-align:left;
}
.sous_liste tr td:First-Child {
	width:20px;
}
.encard_subcontent p {
	font-weight:bold;
}
.ajouter {	
	display:block;
	height:33px;
	width:33px;
	background: url(./images/ajouter.png) top left no-repeat;
}
.ajouter:hover {	
	background: url(./images/ajouter_over.png) top left no-repeat;
}
.requis {
	color:#ff0000;
}
.formulaire {
	background-color:white;
	clear:both;
}
.formulaire_header {
	margin-left:30px;margin-right:65px;
}
.formulaire_col {
	margin-left:50px;clear:both;
}
.formulaire_col_12 {
	margin-left:50px;float:left;
	width:460px;
}
.formulaire_col_1 {
	margin-left:50px;float:left;
	width:230px;
}
.formulaire_col_2 {
	width:230px;float:left;
}
.formulaire_col_3 {
	margin-left:0px;float:left;margin-right:0px;
	color:#666666;
	width:380px;
}
.formulaire_col_3 div {
	background-color:#ececec;	
	padding: 5px 0 5px 10px;
	margin-bottom:10px;
}
.formulaire_col_1 div,.formulaire_col_2 div {
	padding-top:5px;
}
.formulaire_col_1 a,.formulaire_col_2 a {
	color:#666666;
}
.formulaire_col_3 a {
	color:#000000;
}
.formulaire_col_3 a:hover {
	color:#666666;
}
.tampon {
}
.formulaire_pied {
	clear:both;
	padding-top:10px;
	height:40px;
}
#liste_actions {
	list-style-type : square;
}
#liste_actions li {
	color:#000000;
	margin-top:10px;
}
#liste_actions li p {
	color:#666666;
}
.gauche_1 strong {
	color:#ff0000;
}
#menu_pipe {
	margin-top:10px;
	margin-left:20px;
	height:61px;
	width: 62px;
	float:left;
	background: url(./images/icon_pipe.png) top left no-repeat;
}
#menu_taches {
	margin-top:10px;
	margin-left:20px;
	height:61px;
	width: 62px;
	text-align:center;
	float:left;
}
#menu_taches a {
	height:61px;
	width: 62px;
	background: url(./images/icon_taches.png) top left no-repeat;
	display:block;
}
#menu_taches a.selected {
	height:61px;
	width: 62px;
	background: url(./images/icon_taches_selected.png) top left no-repeat;
	display:block;
}
#menu_taches a:hover {
	background: url(./images/icon_taches_over.png) top left no-repeat;
}
#menu_etudes {
	margin-top:10px;
	margin-left:20px;
	height:61px;
	width: 62px;
	text-align:center;
	float:left;
}
#menu_etudes a {
	height:61px;
	width: 62px;
	background: url(./images/icon_etudes.png) top left no-repeat;
	display:block;
}
#menu_etudes a.selected {
	height:61px;
	width: 62px;
	background: url(./images/icon_etudes_selected.png) top left no-repeat;
	display:block;
}
#menu_etudes a:hover {
	background: url(./images/icon_etudes_over.png) top left no-repeat;
}
#menu_relances {
	margin-top:10px;
	margin-left:20px;
	height:61px;
	width: 62px;
	text-align:center;
	float:left;
}
#menu_relances a {
	height:61px;
	width: 62px;
	background: url(./images/icon_relances.png) top left no-repeat;
	display:block;
}
#menu_relances a.selected {
	height:61px;
	width: 62px;
	background: url(./images/icon_relances_selected.png) top left no-repeat;
	display:block;
}
#menu_relances a:hover {
	background: url(./images/icon_relances_over.png) top left no-repeat;
}
#menu_clients {
	margin-top:10px;
	margin-left:20px;
	height:61px;
	width: 62px;
	text-align:center;
	float:left;
}
#menu_clients a {
	height:61px;
	width: 62px;
	background: url(./images/icon_clients.png) top left no-repeat;
	display:block;
}
#menu_clients a.selected {
	height:61px;
	width: 62px;
	background: url(./images/icon_clients_selected.png) top left no-repeat;
	display:block;
}
#menu_clients a:hover {
	background: url(./images/icon_clients_over.png) top left no-repeat;
}
#menu_produits {
	margin-top:10px;
	margin-left:20px;
	height:61px;
	width: 62px;
	text-align:center;
	float:left;
}
#menu_produits a {
	height:61px;
	width: 62px;
	background: url(./images/icon_produits.png) top left no-repeat;
	display:block;
}
#menu_produits a.selected {
	height:61px;
	width: 62px;
	background: url(./images/icon_produits_selected.png) top left no-repeat;
	display:block;
}
#menu_produits a:hover {
	background: url(./images/icon_produits_over.png) top left no-repeat;
}
#menu_documents {
	margin-top:10px;
	margin-left:20px;
	height:61px;
	width: 62px;
	text-align:center;
	float:left;
}
#menu_documents a {
	height:61px;
	width: 62px;
	background: url(./images/icon_documents.png) top left no-repeat;
	display:block;
}
#menu_documents a.selected {
	height:61px;
	width: 62px;
	background: url(./images/icon_documents_selected.png) top left no-repeat;
	display:block;
}
#menu_documents a:hover {
	background: url(./images/icon_documents_over.png) top left no-repeat;
}
#menu_agenda {
	margin-top:10px;
	margin-left:20px;
	height:61px;
	width: 62px;
	text-align:center;
	float:left;
}
#menu_agenda a {
	height:61px;
	width: 62px;
	background: url(./images/icon_agenda.png) top left no-repeat;
	display:block;
}
#menu_agenda a.selected {
	height:61px;
	width: 62px;
	background: url(./images/icon_agenda_selected.png) top left no-repeat;
	display:block;
}
#menu_agenda a:hover {
	background: url(./images/icon_agenda_over.png) top left no-repeat;
}
#menu_sujets {
	margin-top:10px;
	margin-left:20px;
	height:61px;
	width: 62px;
	text-align:center;
	float:left;
}
#menu_sujets a {
	height:61px;
	width: 62px;
	background: url(./images/icon_forum.png) top left no-repeat;
	display:block;
}
#menu_sujets a.selected {
	height:61px;
	width: 62px;
	background: url(./images/icon_forum_selected.png) top left no-repeat;
	display:block;
}
#menu_sujets a:hover {
	background: url(./images/icon_forum_over.png) top left no-repeat;
}
#menu_commandes {
	margin-top:10px;
	margin-left:20px;
	height:61px;
	width: 62px;
	text-align:center;
	float:left;
}
#menu_commandes a {
	height:61px;
	width: 62px;
	background: url(./images/icon_commandes.png) top left no-repeat;
	display:block;
}
#menu_commandes a.selected {
	background: url(./images/icon_commandes_selected.png) top left no-repeat;
}
#menu_commandes a:hover {
	background: url(./images/icon_commandes_over.png) top left no-repeat;
}
#menu_news {
	margin-top:10px;
	margin-left:20px;
	height:61px;
	width: 62px;
	text-align:center;
	float:left;
}
#menu_news a {
	height:61px;
	width: 62px;
	background: url(./images/icon_news.png) top left no-repeat;
	display:block;
}
#menu_news a.selected {
	background: url(./images/icon_news_selected.png) top left no-repeat;
}
#menu_news a:hover {
	background: url(./images/icon_news_over.png) top left no-repeat;
}