body 	{
	background-color : #FFFFFF;
	font-family: Arial;
	font-size: 10pt;
	font-style:normal;
}

table {
	font-family: Arial;
	font-size: 10pt;
	font-style:normal;
}

h3 {
	margin: 2px;
}

img {
	border: none;
}

select {
	width: 100%;
}

.tabHeader {
	background-color: 000EA5;
	color: white;
}

.tabBody {
	background-color: DADAF1;
	color: black;
}

.deconnexion {
	background-color: #0000CF;
	border: 2pt double black;
	letter-spacing: 6px;
	padding: 3;
}

/*
	page consultation article
*/
table.article-recherche {
	border-width: 0px;
	border-spacing: 2px;
	width: 310px;
}

table.article-recherche td {
	padding: 0px;
	text-align: left;
}

img.submit {
	vertical-align: bottom;
	cursor: pointer;
}

#article-details {
	border-width: 0px;
	border-spacing: 1px;
	width: 600px;
}

#article-details td {
	padding: 3px;
	text-align: center;
}

#article-details td.categorie {
	width: 200px;
	font-weight: bold;
}

#article-details td.valeur,
#article-details td.valeur-alignee-gauche {
	border-bottom: solid 2px black;
	border-left: solid 2px black;
	color : black;
}

#article-details td.valeur-alignee-gauche {
	text-align: left;
}

#article-details,
#article-details,
#article-non-trouve,
#article-non-trouve,
#info-marketing-envoyees
 {
	display: none;
}

#article-details.trouve,
#article-non-trouve.non-trouve,
#info-marketing-envoyees.marketing-valide {
	display: block;
}

table.recherche input,
table.recherche select {
	width: 100px;
}

table.recherche td {
	text-align: left;
	padding-right : 20px;
}

/* Tableau paginé */

table.tableau-pagine {
	border: 2px solid black;
	border-collapse: collapse;
	width: 1000px;
}

table.tableau-pagine thead tr {
	height: 30px;
	background-color: black;
	color: white;
}

table.tableau-pagine tfoot tr {
	height: 30px;
	vertical-align: middle;
	background-color: black;
	color: white;
}

table.tableau-pagine tr {
	background-color: white;
	color: black;
}

table.tableau-pagine td {
	text-align: center;
}

table.tableau-pagine tr.alt {
	background-color: #fff3f3;
}

table.tableau-pagine table.boutons {
	border: 0px none;
	border-collapse: collapse;
	width: 100%;
}

table.tableau-pagine td.bouton {
	border: 0px none;
	border-collapse: collapse;
	width: 16px;
}

table.tableau-pagine thead a {
	text-decoration: none;
	color: white;
}


/*
consultation commande
*/

div#commande-titre {
	width: 1000px;
	text-align: center;
}

div#commande-titre a {
	float: left;
}

#entete-commande {
	border: 2px black solid;
	border-collapse: collapse;
	width: 1000px;
}


#entete-commande tr {
	height: 25px;
}

#entete-commande td.titre,
#entete-commande td.valeur {
	background-color: white;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

#entete-commande td.titre {
	font-weight: bold;
	color: black;
}

#entete-commande td.valeur {
	text-align: left;
	color : black;
	border-right: 1px solid black;
}



/*
	Espace communication
*/

div#communication {
	width: 1000px;
	margin: 0px;
	padding: 0px;
}



div#communication h4 {
	background-color: black;
	margin-top: 0px;
	padding: 3px;
	color: white;
}

div#communication table.tableau-pagine {
	width: 100%;
}

div#communication td {
	vertical-align: top;
}

div#communication td.communication-menu {
	width: 180px;
}

div#communication td.communication-espace-utile {
	width: 820px;
}

div#menu-vertical {
	width: 180px;
	background-color: red;
	border: 2px solid black;
	margin: 0px;
	padding: 0px;
}

div#menu-vertical ul {
	margin: 0px;
	padding: 0px;
}

div#menu-vertical a:link,
div#menu-vertical a:visited,
div#menu-vertical a:active {
 text-decoration: none;
 color: white;
}

div#menu-vertical li {
	color: white;
	width: 100%;
	height: 30px;
	text-align: center;
	background-color: red;
	list-style-type: none;
}

div#menu-vertical li:hover,
div#menu-vertical li.sfhover {
	background-color: white;
	color: black;
}

div#menu-vertical  li.sfhover a,
div#menu-vertical  li:hover a {
	color: black;
}

div#menu-vertical h3 {
	margin-top: 0px;
	background-color: black;
	color: white;
}

div#menu-vertical p {
	margin: 0px;
	padding-top: 5px;
	background-color: black;
	color: white;
	vertical-align: middle;
	height: 25px;
}


/*
Préco GE
*/
select.typeGroupe {
	width: 400px;
}

select.nbHeures {
	width: 400px;
}


/*
Outils connexion
*/
div#outils-connexion-messages div {
	display: none;
}

div#outils-connexion-messages div.visible {
	display: block;
}

div#outils-connexion-messages div#login-manquant,
div#outils-connexion-messages div#compte-non-bloqué {
	color: red;
}

.ui-autocomplete {
	max-height: 400px;
	min-width: 150px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 400px;
	width: 150px;
}

a.lien-webparts {
	color: red;
	font-size: 16pt;
}

a.lien-webparts[href=""] {
	display:none;
}