/********/
/* HTML */
/********/
body, td, select {
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 12px;
	color		: #333333;
}
body {
	margin			: 7px;
	background-image: url(images/modele/fond.gif);
}
a:link, a:visited, a:hover {
	color			: #729FC9;
	text-decoration	: none;
	font-weight		: bold;
}
a:hover {
	text-decoration	: underline;
}
hr {
	border			: 0;
	border-top		: 1px #7F7F7F dashed;
	height			: 1px;	
	margin-top		: 15px;
	margin-bottom	: 15px;
}
h1 {
	font-size	: 28px;
	color		: #000000;
	font-weight	: bold;
}
h2, h3 {
	font-size	: 16px;
	color		: #000000;
	font-weight	: bold;
}
h3 {
	display : inline;
}
h6 {
	color			: #7F7F7F;
	font-size		: 14px;
	font-weight		: bold;
	margin-bottom	: 15px;
}
select, input, textarea {
	font-family			: Arial, Helvetica, sans-serif;
	background-color	: #FAFAFA;
	border				: 1px #B1AEA1 solid;
	font-size			: 12px;
	margin-bottom		: 2px;
}
input, textarea {
	padding	: 1px;
}
form {
	margin : 0;
}
/********** Fin HTML **********/



/***********/
/* CLASSES */
/***********/
.texte_gris {
	color	: #7F7F7F;
}
.erreur, .ok {
	font-weight	: bold;
	font-size	: 14px;
	color		: #FFFFFF;
	padding		: 10px 0 10px 0;
	text-align	: center;
}
.erreur {
	background-color : #CC0000;
}
.ok {
	background-color : #009900;
}
.indisponible {
	font-weight	: bold;
	color 		: #CC0000;
}
.bouton {
	padding	: 0;
}
.checkbox {
	border : 0;
}
.notice {
	background-color: #FAFAFA;
	border			: 1px #CCCCCC solid;
	padding			: 2px;
	color			: #999999;
}


/* Pour caddie ou autre tableau d'affichage */
.tableau {
	border-collapse	: collapse;
}
.tableau td {
	background-color: #FAFAFA;
	border			: 1px #CCCCCC solid;
}
.tableau th {
	background-color	: #EEEEEE;
	color				: #666666;
	font-weight			: bold;
	font-size			: 13px;
	border				: 1px #CCCCCC solid;
}
.tableau a:link, .tableau a:visited, .tableau a:hover, .tableau a:active {
	font-weight	: normal;
}


/* Pavé d'affichage */
.pave {
	margin-bottom	: 10px;
}
.pave .entete {
	background-color	: #7F7F7F;
	background-repeat	: no-repeat;
	height				: 26px;
	border-bottom		: 3px #FFFFFF solid;
}
.pave .coin_D {
	padding-left		: 5px; 
	background-image	: url(images/divers/coin_pave_HD.gif);
	background-position	: right;
}
.pave .coin_G {
	padding-left		: 25px; 
	background-image	: url(images/divers/coin_pave_HG.gif);
	background-position	: left;
}
.pave .contenu {
	background-color: #F2F7FF;
	padding			: 5px;
}
.pave .pied {
	background-color: #F2F7FF;
}


/* Vignette */
.vignette {
	margin-bottom	: 3px;
	text-align		: left;
}
.vignette .image {
	background-color: #FFFFFF;
	padding : 5px;
}
.vignette .contenu {
	font-size		: 11px;
	padding-left	: 15px;
}


/* Pied */
.pied_page {
	background-color	: #7F7F7F;
}
/********** Fin CLASSES **********/



/******/
/* ID */
/******/
/* Structure principale */
#structure {
	background-color	: #FFFFFF;
}

/* Menu haut */
#menu_haut {
	margin-top		: 2px;
	margin-bottom	: 20px;
	background-image: url(images/menu_haut/fond.gif);
	height			: 32px;
}
#menu_haut .intercal {
	margin-left		: 50px;
	margin-right	: 50px;
}


/* Menu gauche */
#menu_gauche {
	margin-left	: 15px;
}


/* Menu Droite */
#menu_droite {
	margin-right	: 15px;
}

/* Contenu */
#contenu {
	margin				: 0 20px 0 20px;
	background-color	: #F2F7FF;
	width				: 487px;
}
#contenu .entete {
	font-family			: Arial, Helvetica, sans-serif;
	background-color	: #7F7F7F;
	color				: #FFFFFF;
	font-size			: 18px;
	border-bottom		: 3px #FFFFFF solid;
}


/* Facture */
#facture {
	width : 17cm;
}
/********** Fin ID **********/