@CHARSET "UTF-8";

/* ------------------------------------------------------ GENERAL AND COMMON CSS */

body {
	font-family: Lucida Grande, Verdana, Arial, Bitstream Vera Sans, sans-serif;
	font-size: 12px;
	color:#444;
	background: #fff url(../images/bg.png) 0px 20px repeat-x;
}
table, td {
	font-family: Lucida Grande, Verdana, Arial, Bitstream Vera Sans, sans-serif;
}
.adroite { float: right; }
.agauche { float: left; }

h2 {
	font-size: 18px;
	color: #888;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
}
#batop {
	width: 100%;
	background-color: #f2902d;
	padding: 6px 0;
	margin-bottom: 10px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #fff;
}
#batop a {
	color: #fff;
	text-decoration: none;
}
#batop a:hover {
	text-decoration: underline;
}
#goback {
	float: right;
	margin-right: 6px;
}
#sitename {
	margin-left: 6px;
}
a {
	color: #444;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a.blink {
	border-bottom: 2px #fff solid;
}
a.blink:focus {
	border-bottom: 2px #f2902d solid;
}
.clickable {
	cursor: pointer;
}
.close_my_tips {
	color: #888;
	margin-top: 5px;
}
.smallfont {
	font-size: 0.75em;
}

/* ------------------------------------------------------ FOOTER */

#footer {
/*	enlevé le collage au fond de la page
	à cause des feuilles de saisies longues
	position: fixed;
	width: 100%;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
*/
	height: 17px;
	background-color: #f2902d;
	padding: 4px 0 0 0;
	margin-top: 10px;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
}
#footer a {
	color: #fff;
}
#version {
	float: right;
	margin-right: 6px;
}
#copyright {
	margin-left: 6px;
}

/* ------------------------------------------------------ ZONES DE SAISIE */

input.texte,
textarea.texte,
input.bouton,
button.bouton,
select.liste {
	font-family: Lucida Grande, Verdana, Arial, Bitstream Vera Sans, sans-serif;
	font-size: 12px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px #ccc solid;
	/*background-color: #f7f7f7;*/
	color: #333;
}
input.texte,
textarea.texte {
	padding: 2px;
	margin-bottom: 2px;
}
select.liste {
	padding: 1px;
	cursor: pointer;
	margin-bottom: 2px;
}
select.filtre {
	padding: 0px;
	margin: 0;
	font-size: 11px;
	cursor: pointer;
}
input.filtre {
	font-size: 11px;
}
input.bouton,
button.bouton {
	padding: 4px 6px;
	margin: 5px 0;
	font-size: 11px;
	cursor: pointer;
	background: url(../images/bgbtn.jpg) top left repeat-x;
}
input.bouton:hover,
button.bouton:hover {
	background: url(../images/bgbtno.jpg) bottom left repeat-x;
}
input.obligatoire,
select.obligatoire,
textarea.obligatoire {
	/*background-color: #ffeef2;*/
	background-color: #ffd6b1;
	border: 1px #bbb solid;
}
input.centre,
select.centre,
textarea.centre {
	text-align: center;
}
input.total {
	color: #777;
}

input.verrouille,
select.verrouille,
textarea.verrouille {
	background-color: #f4f4f4;
	border: 1px #ddd solid;
}

input.supercourt { width: 40px; }
input.trescourt { width: 60px; }
input.court { width: 110px; }
input.courtmoyen { width: 160px; }
input.moyen { width: 210px; }
input.moyenlong { width: 265px; }
input.long { width: 310px; }

textarea.supercourt { width: 40px; }
textarea.trescourt { width: 60px; }
textarea.court { width: 110px; }
textarea.courtmoyen { width: 160px; }
textarea.moyen { width: 210px; }
textarea.moyenlong { width: 265px; }
textarea.long { width: 310px; }

button.supercourt { width: 45px; }
button.trescourt { width: 65px; }
button.court { width: 115px; }
button.courtmoyen { width: 165px; }
button.moyen { width: 215px; }
button.moyenlong { width: 265px; }
button.long { width: 315px; }

select.supercourt { width: 50px; }
select.trescourt { width: 65px; }
select.court { width: 115px; }
select.courtmoyen { width: 165px; }
select.moyen { width: 230px; }
select.moyenlong { width: 265px; }
select.long { width: 315px; }

input.magique, select.magique, textarea.magique {
	background: url(../images/magic.png) top right no-repeat;
	padding-right: 10px;
	background-color: #ffd6b1;
	border: 1px #bbb solid;
}
input.magiqueverrou, select.magiqueverrou, textarea.magiqueverrou {
	background-color: #f4f4f4;
	border: 1px #ddd solid;
	padding-right: 10px;
}

input.supergros {
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	text-transform: uppercase;
	letter-spacing: 3px;
}

input.minus { text-transform: lowercase; }

label {
	float: left;
	width: 160px;
}

.complet {
	color: #aaa;
	font-style: italic;
}
.centrer {
	text-align: center;
}
.total {
	color: #888;
}


/* ------------------------------------------------------ ZONE D'ALERTE */

div.alerte {
	font-size: 14px;
	padding: 5px 0 5px 25px;
	margin: 5px 0 0 0;
	font-weight: bold;
}
div.erreur {
	color: #ff7800;
	background: url(../images/cross.png) 5px 7px no-repeat;
	border: 1px #fb5a5a solid;
	background-color: #ffe7e7;
}
div.toutok {
	color: #008e17;
	background: url(../images/ok.png) 5px 7px no-repeat;
	border: 1px #59cb36 solid;
	background-color: #daffcf;
}
.attention {
	color: #ff7800;
	font-weight: bold;
}

/* ------------------------------------------------------ ZONES DE CONTENU */

#content {
	margin: 0;
	padding: 0;
}
#orgacontent td  {
	vertical-align: top;
}
#navcell {
	width: 200px;
}
#navblock {
	padding: 10px 0;
	background-color: #f8f8f8;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #e5e5e5;
}
#navblock ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navblock ul li {
	background: url(../images/puceb.gif) 6px 10px no-repeat;
	padding: 5px 0 5px 17px;
	border-bottom: 1px #ddd solid;
	border-top: 1px #fff solid;
}
#navblock ul li.home {
	font-weight: bold;
	border-top-width: 0;
}
#navblock ul li.logout {
	font-weight: bold;
	border-bottom-width: 0;
}
#navtabs {
	font-size: 18px;
	color: #aaa;
}
#navtabs a {
	color: #aaa;
	letter-spacing: -1px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#navtabs a.selectionne {
	color: #444;
}
#navtabs a:hover {
	text-decoration: underline;
	color: #222;
}
.infosubmodule {
	float: left;
	padding: 5px 5px 0 0;
}

/* ------------------------------------------------------ LISTE DES COMMANDES */

.barcommandes {
	background-color: #f8f8f8;
	margin: 10px 0 15px 0;
	border: 1px solid #eee;
	padding: 5px 0;
}
.commandes { }
.commandes td {
	padding-right: 5px;
	vertical-align: middle;
}
.wfiltre input {
	margin-bottom: 0;
	margin-top: 0;
}
.topmarge {
	margin-top: 10px;
}
.commandes td.icone {
	width: 25px;
	padding-right: 0;
	text-align: center;
}
.commandes td.icone2 {
	width: 25px;
	padding-right: 0;
	padding-left: 5px;
	text-align: center;
}
.wfiltre td.icone,
.wfiltre td.icone2 {
	padding-top: 4px;
}

/* ------------------------------------------------------ TABLE DES DONNEES */

table.datas {
	/*width: 100%;*/
	border-spacing: 0px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
table.datas td {
	padding: 4px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}
table.datas .labellise td {
	background-color: #f8f8f8;
	text-transform: uppercase;
	font-size: 0.85em;
	color: #aaa;
}
table.datas td.labellise {
	background-color: #f8f8f8;
	text-transform: uppercase;
	font-size: 0.85em;
	color: #aaa;
}
table.datas td.cellactivate {
	border-left-style: dashed;
	border-left-color: #ddd;
}
table.datas .rowinactif td {
	color: #aaa;
}
table.datas a {
	color: #df6e00;
}
td.cmd {
	width: 20px;
	text-align: center;
}
td.cmdinput {
	width: 20px;
	text-align: center;
}
td.cmdinput img {
	margin-top: 3px;
}
td.date {
	text-align: center;
}
td.prix {
	text-align: right;
}
tr.overEffet {
	background-color: #f8f8f8;
	color: #222;
}
.formtitle {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px #eee dashed;
	margin-bottom: 20px;
}
.listing {
	width: 325px;
	height: 150px;
	border: 1px solid #ccc;
	overflow: auto;
}
.listingcourt {
	width: 325px;
	height: 80px;
	border: 1px solid #ccc;
	overflow: auto;
}
.listingmoyen {
	width: 325px;
	height: 120px;
	border: 1px solid #ccc;
	overflow: auto;
}
.scrollable {
	width: 270px;
	padding-left: 5px;
}
.groupemodule {
	font-weight: bold;
	padding: 2px 5px;
}
#notes {
	padding: 10px 0;
	color: #888;
}
#printerprofile {
	padding: 15px 0 0 0;
}
table.detailpersonne {
	border-collapse: collapse;
	border-spacing: 0px;
}
table.detailpersonne td {
	border-width: 0px;
	padding: 1px;
	font-size: 11px;
}
table.detailpersonne label {
	float: left;
	color: #888;
	padding-right: 5px;
	width: 120px;
}
table.detailpersonne span {
	padding-right: 20px;
}




/* ------------------------------------------------------ SAISIE RAPPORT */
th {
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	font-size: 0.8em;
	color: #888;
}
#tbleajoutetravaux, 
#tbleajoutehemploye, 
#tbleajoutehmachine,
#tbleajoutebon {
	margin-bottom: 10px;
}	
#tbleajoutetravaux, 
#tbletravaux, 
#tbleajoutehemploye, 
#tblehemploye, 
#tbleajoutehmachine, 
#tblehmachine, 
#tbleajoutebon, 
#tblebons {
	border-spacing: 0px;
	border-collapse: collapse; 
}	
#tbleajoutetravaux td, 
#tbletravaux td, 
#tbleajoutehemploye td, 
#tblehemploye td, 
#tbleajoutehmachine td, 
#tblehmachine td, 
#tbleajoutebon td,
#tblebons td {
	vertical-align: middle;
	padding: 1px;
}	
.notravaux {
	font-weight: bold;
	color: #f2902d;
	text-align: center;
}

/* ------------------------------------------------------ FLOTTANT DES LOCALITES */
/* ------------------------------------------------------ FLOTTANT DES PERSONNES */
#listeloc ul,
#listepers ul,
#listesearch ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.boxflottante {
	display: none;
	position: absolute;
	background-color: #fff;
	border: 1px solid #555;
	padding: 15px;
}
.arrondi3 {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.arrondi6 {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#listesearch a:focus {
	color: #f2902d;
	text-decoration: underline;
}

/* ------------------------------------------------------ FACEBOX D'ENREGISTREMENT */
#save_ok {
	background: url(../images/success.png) 10px 15px no-repeat;
	padding: 10px 0 10px 60px;
}
#save_print {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
#save_ko {
	background: url(../images/crash.png) 10px 15px no-repeat;
	padding: 10px 0 10px 60px;
}
#ticketcode {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 10px 0;
	color: #999;
}
#ticketcode span {
	color: #000;
	letter-spacing: 2pt;
}

/* ------------------------------------------------------ TABLE DE VALIDATION */
.cevalid {
	padding: 10px;
	width: 180px;
	text-align: center;
}
.ceva {
	/*border: 1px #ccc solid;
	border-right-width: 0;
	border-bottom-width: 0;*/
	padding: 10px;
	width: 180px;
	text-align: center;
	color: #000;
	font-weight: bold;
}
.cefon {
	/*border-bottom-width: 1px;*/
	height: 158px;
}
.cedro {
	/*border-right-width: 1px;*/
}
.dateresa {
	font-weight: bold;
	font-size: 1.8em;
	margin-top: 40px;
	letter-spacing: -1px;
}
.boutonvalid {
	font-weight: bold;
	font-size: 1.35em;
	border: 1px #13c900 solid;
	padding: 15px 10px;
	background-color: #0d8b00;
	cursor: pointer;
	margin: 10px 0 5px 0;
	color: #fff;
}
.pluspetit {
	font-size: 0.65em;
	font-weight: normal;
}
.cblock {
	height: 25px;
	/*margin: 5px 0 0 5px;*/
	font-weight: bold;
	font-size: 1.4em;
	padding: 0px 0 0 30px;
	text-align: left;
}
.place {
	background: url(../images/place.png) top left no-repeat;
}
.vip {
	background: url(../images/vip.png) top left no-repeat;
}
.acheteur {
	background: url(../images/acheteur.png) top left no-repeat;
}
.person {
	background: url(../images/specta.png) top left no-repeat;
}
.cmarque {
	background: url(../images/vcard_2.png) top left no-repeat;
}
.mobility {
	background: url(../images/access.png) top left no-repeat;
}
.boucle {
	background: url(../images/font.png) top left no-repeat;
}
.bar {
	background: url(../images/pipe.png) top left no-repeat;
}
.restaurant {
	background: url(../images/miam.png) top left no-repeat;
}
.vert {
	color: green;
}
.rouge {
	color: red;
}
.toutpetit {
	font-size: 11px;
	font-weight: normal;
}
.coderetour {
	font-size: 17px;
	font-weight: bold;
}
.different {
	border-color: red !important;
	color: red !important;
}
span.compteur {
	font-weight: bold;
}

/* ------------------------------------------------------ HELP */
div.helper {
	/*border: 1px solid #c6d3ff;*/
	padding: 4px 3px 1px 23px;
	/*width: 300px;*/
	margin-bottom: 2px;
	overflow: auto;
	/*background: #e6ecff url(../images/information.png) 3px 3px no-repeat;*/
	background: url(../images/information.png) 3px 3px no-repeat;
}
div.helper a {
	color: #4b5d98;
	/*font-style: italic;*/
	font-size: 0.9em;
}