@CHARSET "ISO-8859-1";
/**
* C'est cette classe ci-dessous qui permet de pouvoir cetrer les tableau sur la hauteur, 
* sinon le "height: 100%;" n'aura aucun effet sur le tableau
*/
html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none
}

body {
   	font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
   	font-size: 12px;
   	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
   	background:  #dfdfdf repeat-x;
}

.submit {
   text-align:center;
}
.bloc_ajout{
	float: left;
}
.bloc_titre{
	float: center;
}
.bloc_ajout_normal{
	float: left;
}
.bloc_titre_normal{
	float: left;
	margin-left: 167px;
}
.bloc_titre_mensuel{
	float: left;
	margin-left: 167px;
}
.bloc_ajout_mensuel{
	float: left;
	margin-left: 167px;
}
.bloc_extraction{
	float: left;
	margin-left: 167px;
}
select {
   font-size: 11px;
   border: 1px solid #888888;
   color: black;
   background-color: white;
   line-height: 19px; /* do not set height because using multiple select*/
}

textarea, input {
   background-color:#FFFFFF;
   color: black;
   border: 1px solid #888888;
   font-size: 11px;
}

input {
   height: 17px;
   padding: 2px;
   vertical-align: middle;
}

input[type="image"] {
   height: auto;
   background-color: transparent;
   border: 0;
}

input[type="file"] {
   height: 22px;	
   border: 1px solid #4E6378;
}

input.submit {
   font-size: 11px;
   border: 1px solid #888888;
   background-color:#eeeeee;
   cursor:pointer;
   background:  url("/images/fond_form.png") repeat-x; 
   -moz-box-shadow: 0px 1px 3px;
   -webkit-box-shadow: 0px 1px 3px ;
   box-shadow: 0px 1px 3px ;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   height: auto;
}

input.submit:hover {
   border: 1px inset #888888;
   background-color:#ffffff;
   background:  url("/images/fond_form_on.png") repeat-x; 
}

input[type="submit"], input[type="button"], button{
   font-size: 11px;
   border: 1px solid #888888;
   background-color:#eeeeee;
   cursor:pointer;
   background:  url("/images/fond_bt.jpg") repeat-x; 
   -moz-box-shadow: 0px 1px 3px;
   -webkit-box-shadow: 0px 1px 3px ;
   box-shadow: 0px 1px 3px ;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   height: 52px;
   width: 185px;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover {
   border: 1px inset #888888;
   background-color:#ffffff;
   background:  url("/images/fd_bt.jpg") repeat-x; 
}

input[type="text"], textarea, select{
   font-size: 11px;
   border: 1px solid #3B8838;
   background-color:#E3EDD1;
   color: #052903;
}

input[type="text"]:hover, input[type="checkbox"]:hover, textarea:hover, select:hover{
   background-color:#C4B78B;
   color: #092c0f;
}
input[type=checkbox] {
	cursor: pointer;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(25,82,3,0.5), 0px 1px 0px rgba(185,243,162,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(25,82,3,0.5), 0px 1px 0px rgba(185,243,162,.4);
	box-shadow: inset 0px 1px 1px rgba(25,82,3,0.5), 0px 1px 0px rgba(185,243,162,.4);

	background: -webkit-linear-gradient(top, #E3EDD1 0%, #3B8838 100%);
	background: -moz-linear-gradient(top, #E3EDD1 0%, #3B8838 100%);
	background: -o-linear-gradient(top, #E3EDD1 0%, #3B8838 100%);
	background: -ms-linear-gradient(top, #E3EDD1 0%, #3B8838 100%);
	background: linear-gradient(top, #E3EDD1 0%, #3B8838 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3EDD1', endColorstr='#3B8838',GradientType=0 );
	background: #257605;
}

#content{
   height: 3866px;
   width: 600px;
   margin-top:100px;
   margin-left: auto;
   margin-right: auto;
   background:url("/images/login_bg.png")  no-repeat;
   font-family : Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   color :#659900;
   font-weight: bold;
   text-align: left;
}
.errors{
	color: red;
	font-size: 8px;
}
#boutonenvoyer-label{
	color: #D8E0AE;
}
#boxlogin {
   position:relative;
   background-color: transparent;
   padding-left: 15px;
   padding-top: 76px;
   text-align: left;  /* Bug IE Grrr */
   height: 255px;
   width: 290px;
}
#login-label{
	float: left;
	width: 110px;
}
#motdepasse-label{
	float: left;
	width: 110px;
}
#fieldset-display{
	text-align: left;
}
#boxlogin p {
   text-align:center;
}

.row {
   clear: both;
   padding-top: 5px;
}

.label {
   float: left;
   margin-left:10px;
   text-align: left;
}

.formw {
   float: right;
   margin-right:10px;
   text-align: right;
}

#boxlogin fieldset {
   background-color: transparent;
   border: 2px solid #FFC65D;
   padding-bottom:22px;
}

#boxlogin legend {
   font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: 700;
   background-color: transparent;
   color :#659900;
}

#boxlogin input {
   border: 1px solid #659900;
}

dt{
	width: 150px;
	float: left;
	text-align: left;
}
h1{
	color: #26370A;
}
h2{
	color: #26370A;
}
.tab_page_principale{
	width: 100%;
	height: 100%;
}
.messageDeSucces{
	border:1px solid #40FF00;
	background-color:#D0F5A9;
	padding:5px;
	color:#000;
}
.messageDeConfirmation{
	border:1px solid #fc0;
	background-color:#ff9;
	padding:5px;
	color:#000;
}
.messageDerreur
{
	border:1px solid #f00;
	background-color:#fcc;
	padding:5px;
	color:#000;
	margin: 15px 8px 15px 8px;
	text-align: justify;
}
.messageDalerte{
	border:1px solid #61380B;
	background-color:#F8E0E0;
	padding:5px;
	color:#B12222;
}
#cadre_principal{
	width: 100%;
	border: 1px solid black;
}
#partie_superieure{
	border-bottom: 1px solid black;
	width: 100%;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0 40px 0 20px;
}
#partie_superieure div.espace_logo, #partie_superieure div.espace_date, #partie_superieure div.espace_deconnexion{
	display: inline-block;
}
#partie_superieure div.espace_logo{
	width: 28%;
}
#partie_superieure div.espace_date{
	width: 43%;
}
#partie_superieure div.espace_deconnexion{
	width: 28%;
	text-align: right;
}
#partie_superieure div.espace_deconnexion .nomprenom{
	font-size: 14px;
	font-weight: bold;
}
#partie_superieure div.espace_deconnexion .bouton_deconnexion{
	padding-top: 35px;
}
#partie_centrale{
	border-bottom: 1px solid black;
	width: 100%;
	background-color: #FFFFFF;
	float: left;
	margin: 0 40px 0 20px;	
}
.menu_gauche{
	width: 10%;
	text-align: left;
	background-color: #FFFFFF;
	float: inherit;
}
.affichage_principal{
	border-left: 1px solid black;
	width: 90%;
	background-color: #FFFFFF;
	float: right;
	overflow-x : auto;
}
#partie_inferieure{
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 40px 0 20px;	
}
.pieddepage{
	clear: both;
	height: 70px;
	background: url("/images/footer-gradient.png")  repeat-x;
}
.titre_societe_devis{
	font-size: 20px;
	font-weight: bold;
}
.lisse_trait_colore{
    border-collapse: collapse;
    border-color: #95b3d7;
}
.total_facture{
	font-weight: bold;
}
.sans_bordures_haut_bas{
	border-bottom-style: none; 
	border-top-style: none;
	border-left-color: #95b3d7;
	border-right-color: #95b3d7;
	border-top-color: #95b3d7;
	border-bottom-color: #95b3d7;
}
.bordures_bleus{
	border-left-color: #95b3d7;
	border-right-color: #95b3d7;
	border-top-color: #95b3d7;
	border-bottom-color: #95b3d7;
}
.sans_bordures_bas{
	border-bottom-style: none;
	border-left-color: #95b3d7;
	border-right-color: #95b3d7;
	border-top-color: #95b3d7;
	border-bottom-color: #95b3d7;
}
#logo_superieur_gauche{
	float: left;
}
#deconnexion_superieur{
	float: right;
}
.modif_gauche{
	float: left;
}
.suppr_droit{
	float: right;
}
.modif_suppr{
	width: 48px;
}
table{
	border-collapse: collapse;
	border-color: #4E806E;
}
td,th{
	border-color: #4E806E;
}
#entetealbum{
	background:  url("/images/fond_vert.png") repeat-x;
	color: #26370A;
}
.case_titre{
	background:  url("/images/fond_vert.png") repeat-x;
	color: #26370A;
	width: 170px;
}
#champ_facture_devis th, td {
	padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px;
}
/* Les différents état des devis et des factures */
.encours{
	background-color: #6AC96F;
}
.valide{
	background-color: #D1F4FF;
}
.encaisse{
	background-color: #CBD390;
}
.facture{
	background-color: #C0C0C0;
}
.paye{
	background-color: #67ACE6;
}
.annule{
	background-color: #FFEAD9;
}
.ferme{
	background-color: #FFC2C1;
}
/* ****************************** */
#activites-element{
	background-color: #D3DCE3;
}
#informations-element{
	background-color: #E4E4E4;
}
#formulaire_recherche{
	clear: both;
}
#devis{
	margin-bottom: 25px;
}
#factures{
	margin-bottom: 25px;
}
#formulaire_recherche dt{
	width: 140px;
}
#formulaire_recherche dd{
	width: 650px;
	text-align: left;
}
#formulaire_recherche input{
	width: 250px;
}
#navigation{
	clear: both;
	padding: 0px 25px 29px 25px;
}
#navigation .case_precedent{
	float: left;
	width: 280px;
	text-align: left;
	width: 283px;
}
#navigation .case_infos_centre{
	float: left;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	width: 283px;
	font-weight: bold;
	font-size: 14px;
	color: #3B7BC9;
}
#navigation .case_suivant{
	float: left;
	width: 280px;
	text-align: right;
	width: 283px;
}
.vidange{
	color: red;
	font-weight: bold;
}
.tout_cocher_colonne{
	text-align: center;
	margin-bottom: -7px;
	margin-top: 7px;
}

/* ************************ Début du style du menu clapet **************************** */
.navigation { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	background: #000; 
	color: #000; 
	font: 1.2em "Trebuchet MS", sans-serif; 
}

.navigation a, .navigation span { 
	display: block; 
	padding: 4px 10px; 
	color: #fff; 
	text-decoration: none; 
	background: #fff url(/images/menu-item.png) left bottom no-repeat; 
}

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
	background-image: url(/images/navigation-ouvrir.png);
	background-position: center;
}

.navigation .open a, .navigation .open span { 
	background-image: url(/images/navigation-fermer.png);
	background-position: center;
}

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

.navigation .subMenu { 
	font-size: .8em; 
	background: #fff url(/images/navigation-fond-sous-menu.png) 0 0 repeat-x; 
	font-size: .9em; 
	margin: 0; 
	padding: 0; 
	border-bottom: 1px solid #666; 
}

.navigation ul.subMenu a { 
	background: none; 
	padding: 3px 20px; 
}
.nonapplicable{
	background-color: #ccc;
}
.colonne_table_habilitations{
	width:650px;
}
.colonne_habilitations{
	width:650px; 
	overflow-x : scroll; 
}
.affiche_version_logon{
	text-align: right;
	padding-right: 15px;
}
.modif_abrege{
	background-color: #F1F2F2;
	color: #9FA1A3;
}
.texte_principale{
	padding: 5px;
}
cadre_formulaire{
	text-align: left;
}
.table_societe input[type="text"], .table_societe input[type="password"],
.table_activite input[type="text"], .table_activite input[type="password"],
.table_information input[type="text"], .table_information input[type="password"],
.table_profil input[type="text"],
.table_utilisateur input[type="text"], .table_utilisateur input[type="password"],
.table_var input[type="text"], .table_var input[type="password"],
.table_adresse input[type="text"], .table_adresse input[type="password"],
.table_client input[type="text"], .table_client input[type="password"],
.table_devis input[type="text"], .table_devis input[type="password"],
.table_facture input[type="text"], .table_facture input[type="password"],
.table_intervention input[type="text"], .table_intervention input[type="password"]{
	width: 450px;
}
.table_societe textarea,
.table_activite textarea,
.table_information textarea,
.table_utilisateur textarea,
.table_var textarea,
.table_adresse textarea,
.table_client textarea,
.table_devis textarea,
.table_facture textarea,
.table_intervention textarea{
	width: 454px;
}
.table_societe select,
.table_activite select,
.table_information select,
.table_utilisateur select,
.table_var select,
.table_adresse select,
.table_client select,
.table_devis select,
.table_facture select,
.table_intervention select{
	width: 456px;
}
.ligne_activites_devis{
	background-color: #CED8F6;
}
.ligne_informations_devis{
	background-color: #E0ECF8;
}
.ligne_activites_facture{
	background-color: #CED8F6;
}
.ligne_informations_facture{
	background-color: #E0ECF8;
}
#bar_inferieur{
	clear: both;
}
/* ************************ Fin du style du menu clapet **************************** */
.texte_gris{
	color: #A3A3A3;
}
.exporter_csv{
	color: #48751B;
	font-weight: bold;
}
.exporter_csv_gris{
	color: #5C5C5C;
	font-weight: bold;
}
.liste_selection_utilisateur{
	width: 100px;
	background-color: #C0C0C0;
}
.liste_selection_client{
	width: 380px;
	background-color: #C0C0C0;
}
.liste_selection_date{
	background-color: #C0C0C0;
	width: 133px;
}
.liste_selection_etat{
	background-color: #C0C0C0;
}
#ligne_tris{
	background-color: #C0C0C0;
}
.ligne_activites{
	background-color: #F8FBEF;
}
.ligne_informations{
	background-color: #F6E3CE;
}
#date_saisie, #utilisateur, #etat, #date_limite_validite, #type_selection{
	background-color: #DFDFDF;
}
.architecture_mvc{
	font-weight: bold;
	text-decoration: underline;
}
.apropos_appli{
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
}
#lien_detaillee{
	text-align: right;
	padding-right: 30px;
}
#filtre_date_saisie_devis_jour, #filtre_date_saisie_devis_mois, #filtre_date_saisie_devis_annee{
	width: 25px !important;
}
#filtre_date_saisie_facture_jour, #filtre_date_saisie_facture_mois, #filtre_date_saisie_facture_annee{
	width: 25px !important;
}
#filtre_date_payement_facture_jour, #filtre_date_payement_facture_mois, #filtre_date_payement_facture_annee{
	width: 25px !important;
}
#titre_factures{
	font-size: 28px;
	padding: 3px 0 3px 0;
	color: #26370A;
}
.nb_util{
	color: #26370A;
	font-weight: bold;
}
.env_test{
	margin-bottom: 24px;
}
.styl_env_test_login{
	color: red;
	font-weight: bold;
}
.styl_env_test_appli{
	color: red;
	font-weight: bold;
	font-size: 30px;
}
.texte_extraction_pdf_gris{
	color: #DDDDDD;
}
form#payement_plusieurs_fois textarea{
	resize: none;
	width: 380px;
	height: 100px;
}
form#payement_plusieurs_fois input[type='text']{
	width: 380px;
}
label[for='boutonenvoyer']{
	color: transparent;
}
a.validerppf:visited { 
    color: #BF7C0C;
}
form#activite_ajout select#id_activite{
	width: 810px;
}
.lecture_seule{
	background-color: #CDCDCD;
}
.aremplir{
	border-color: #BC0F1F;
	background-color: #FFFFFF;
}
.colonne_prix{
	font-size: 16px;
	font-weight: bold;
}
.bloc_import{
	float: right;
}
span.numero_page_actuelle {
    font-weight: bold;
    font-size: 19px;
    color: #119C00;
}
.lectureseule{
	background-color: #676464 !important;
	color: #FFFFFF !important;
}
.gras{
	font-weight: bold;
}
table.fixedth thead{
    
}
table.fixedth tbody {
    display:block;
    max-height:410px;
    overflow-y:scroll;
}
table.fixedth thead, table.liste_elements_table tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
/* ********* 01 ********* */
table.liste_elements_table tr#entetealbum th:first-of-type{
	width: 30px !important;
}
table.liste_elements_table tr#ligne_tris td:first-of-type, 
table.liste_elements_table tr.lignefact td:first-of-type{
	width: 22px !important;
}
/* ********* 02 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(2){
	width: 32px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(2), 
table.liste_elements_table tr.lignefact td:nth-child(2){
	width: 24px !important;
}
/* ********* 03 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(3){
	width: 58px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(3), 
table.liste_elements_table tr.lignefact td:nth-child(3){
	width: 50px !important;
}
/* ********* 04 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(4){
	width: 58px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(4), 
table.liste_elements_table tr.lignefact td:nth-child(4){
	width: 50px !important;
}
/* ********* 05 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(5){
	width: 88px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(5), 
table.liste_elements_table tr.lignefact td:nth-child(5){
	width: 80px !important;
}
/* ********* 06 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(6){
	width: 72px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(6), 
table.liste_elements_table tr.lignefact td:nth-child(6){
	width: 64px !important;
}
/* ********* 07 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(7){
	width: 66px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(7), 
table.liste_elements_table tr.lignefact td:nth-child(7){
	width: 58px !important;
}
/* ********* 08 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(8){
	width: 128px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(8), 
table.liste_elements_table tr.lignefact td:nth-child(8){
	width: 120px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(8) select{
	width: 119px !important;
}
/* ********* 09 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(9){
	width: 76px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(9), 
table.liste_elements_table tr.lignefact td:nth-child(9){
	width: 68px !important;
} 
table.liste_elements_table tr#ligne_tris td:nth-child(9) select{
	width: 67px !important;
}
/* ********* 10 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(10){
	width: 84px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(10), 
table.liste_elements_table tr.lignefact td:nth-child(10){
	width: 76px !important;
} 
table.liste_elements_table tr#ligne_tris td:nth-child(10) select{
	width: 75px !important;
}
/* ********* 11 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(11){
	width: 68px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(11), 
table.liste_elements_table tr.lignefact td:nth-child(11){
	width: 60px !important;
} 
table.liste_elements_table tr#ligne_tris td:nth-child(11) select{
	width: 59px !important;
}
/* ********* 12 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(12){
	width: 88px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(12), 
table.liste_elements_table tr.lignefact td:nth-child(12){
	width: 80px !important;
} 
table.liste_elements_table tr#ligne_tris td:nth-child(12) select{
	width: 79px !important;
}
/* ********* 13 ********* */
table.liste_elements_table tr#entetealbum th:nth-child(13){
	width: 48px !important;
}
table.liste_elements_table tr#ligne_tris td:nth-child(13), 
table.liste_elements_table tr.lignefact td:nth-child(13){
	width: 40px !important;
}
/* **************** */
table.fixedth thead {
    width:100%; 
}
table.fixedth {
    width:100%;
}
table#tableaurelanceclient{
	border-collapse: collapse;
	width: 96%;
	margin: 5px 6px 5px 6px;
}
table#tableaurelanceclient, table#tableaurelanceclient tr, table#tableaurelanceclient tr th, table#tableaurelanceclient tr td{
	border-color: #000000;
}
.centre_gauche{
	text-align: left;
}
.centre_milieu{
	text-align: center;
}
.centre_droite{
	text-align: right;
}
.moisenevidence{
	color: #DE3127;
}
.warning {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
}
.iconesupprreduc{
	width: 15px;
}
.tableprincipale{
	width: 98%;
}
.tablesecondaire{
	width: 96%;
}
.champ_texte_occurence{
    color: #107C41;
    text-decoration: underline; 
    font-weight: bold;
}