/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/* ------------------------------------------
/* TYPO GENERALE
/* ------------------------------------------ */
* {
	margin:0;
	padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.cache { display:none; }
.clear { clear:both; }

p {
	font-size:11px;
}
h2 {
	font-size:17px;
	color:#6f6f6f;
}
h3 {
	font-size:17px;
	color:#97bf0d;
	font-weight:bold;
}

/* BLOCS PRINCIPAUX */

#page {
	position:relative;
	width:990px;
	margin:0 auto;
}
#conteneur {
	position:relative;
	width:920px;
	padding:5px 35px;
}

/* FOOTER */
#footer {
	position:relative;
	width:990px;
	margin:0 auto;
	height:27px;
	background:url(../images/fd_footer.jpg);
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	padding-top:3px;
}
#footer a {
	color:#FFFFFF;
}

/* HEADER */
#header {
	position:relative;
	width:990px;
	height:139px;
	background:url(../images/fd_header.jpg);
}
#menu_haut {
	position:relative;
}
#menu_haut ul {
	list-style-type:none;
}
#menu_haut ul.liste1 {
	position:absolute;
	left:720px;
	top:17px;
	font-size:15px;
	font-weight:bold;
}
#menu_haut ul.liste1 li {
	position:relative;
	width:270px;
	height:25px;
	background:#011527;
	display:block;
	margin-bottom:14px;
}
#menu_haut ul.liste1 li a {
	color:#ffffff;
	text-decoration:none;
	padding-left:5px;
	line-height:25px;
}
#menu_haut ul.liste2 {
	position:absolute;
	top:95px;
	left:340px;
}
#menu_haut ul.liste2 li {
	position:relative;
	float:left;
	margin-left:12px;
}
#menu_haut ul.liste2 li a {
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
	height:19px;
	display:block;
}
#menu_haut ul.liste2 li.accueil a {
	width:56px;
	height:56px;
	margin-top:-20px;
	background:url(../images/bt_accueil.png);
	text-indent:-5000px;
}
#menu_haut ul.liste2 li.excel a {
	width:82px;
	background:url(../images/fd_export_excel.gif);
}
#menu_haut ul.liste2 li.donnees a {
	width:140px;
	background:url(../images/fd_validation_donnees.gif);
}
#menu_haut ul.liste2 li.regles a {
	width:157px;
	background:url(../images/fd_regles_fonctionnement.gif);
}
#menu_haut ul.liste2 li.deco a {
	width:107px;
	background:url(../images/fd_se_deconnecter.gif);
}
#menu_haut ul.liste2 li.mon_dis a {
	width:169px;
	background:url(../images/fd_mon_disponible.gif);
}

/* INDEX.PHP */
#accueil {
	position:relative;
	width:990px;
	height:712px;
	background:url(../images/fd_accueil.jpg);
}
#accueil #texte_accueil {
	text-indent:-5000px;
}
#frm_login {
	position:relative;
	top:509px;
	left:46px;
}
#frm_login form div {
	position:relative;
	float:left;
	margin-left:10px;
}
#frm_login form input {
	width:188px;
	height:30px;
	border:none;
	font-size:20px;
	padding-top:3px;
}
#frm_login form .bt_ok {
	width:44px;
	height:44px;
	background:url(../images/bt_ok.gif);
	color:#FFFFFF;
	margin-top:-5px;
	cursor:pointer;
}
#frm_login .erreur {
	width:500px;
	margin-left:10px;
}

/* MENU.PHP */
#message_fournisseur {
	position:relative;
	margin:10px 0px 20px 0px;
}

/* MESSAGE ERREUR */
.erreur {
	color:#49a828;
	font-weight:bold;
	border: 2px solid #49a828;
	font-size:16px;
}

/* ONGLETS FOURNISSEURS */
ul#onglets_produits_fournisseur {
	position:relative;
	width:970px;
	height:50px;
	list-style-type:none;
}
ul#onglets_produits_fournisseur li {
	position:relative;
	float:left;
	font-size:15px;
	font-weight:bold;
}
ul#onglets_produits_fournisseur li a {
	width:182px;
	height:30px;
	background:url(../images/fd_descriptions.gif);
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	padding-top:12px;
}
ul#onglets_produits_fournisseur li a.onglet_actif {
	color:#00f0ff;
}

/* ACTIONS FOURNISSEURS */
#actions_fournisseur {
	position:relative;
	width:970px;
	min-height:39px;
}
#actions_fournisseur ul {
	list-style-type:none;
}
#actions_fournisseur ul li {
	position:relative;
	width:181px;
	height:39px;
	float:left;
	font-size:12px;
	font-weight:bold;
}
#actions_fournisseur ul li a {
	position:relative;
	width:181px;
	height:27px;
	background:url(../images/bt_actions_fournisseurs.gif);
	text-align:center;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	padding-top:12px;
}

/* RECHERCHE */
.elements_recherches {
	position:relative;
	width:346px;
	height:78px;
	background:url(../images/fd_recherche.jpg);
	padding:30px 0px 0px 27px;
	color:#3e3e3e;
	font-size:15px;
	font-weight:bold;
}
.lot_col .elements_recherches {
	height:109px;
	background:url(../images/fd_commentaire_mail.jpg) no-repeat;
	padding:15px 0px 0px 27px;
}
.lot_col input.bouton {
	width:181px;
	height:39px;
	background:url(../images/bt_actions_fournisseurs.gif) no-repeat;
	color:#FFFFFF;
	border:none;
	margin-left:200px;
}
.elements_recherches .frm_element {
	padding:2px 0px;
}
.elements_recherches label {
	width:70px;
	display:block;
	float:left;
}
.elements_recherches input {
	width:250px;
}
.frm_element_tarif {
	width:371px;
	height:31px;
	margin:20px 0px 0px 0px;
	padding:30px 0px 0px 27px;
	background:url(../images/fd_groupe_tarif.jpg) no-repeat;
}
.frm_element_tarif select {
	width:320px;
}
.confirmation_fournisseur {
	position:absolute;
	top:203px;
	left:430px;
	font-size:15px;
	font-weight:bold;
	color:#3e3e3e;
}
.confirmation_fournisseur div {
	width:205px;
	height:27px;
	background:url(../images/fd_date_confirmation.jpg);
	text-align:center;
	padding-top:13px;
}
/* TRI */
#zone_tri {
	position:absolute;
	top:50px;
	left:427px;
	width:478px;
	height:100px;
	background:url(../images/fd_tri.jpg);
	padding:44px 0px 0px 12px;
}
#zone_tri a img {
	border:0px;
}
#zone_tri div {
	position:relative;
	float:left;
}
#zone_tri_gauche {

}
#zone_tri_gauche select {
	width:170px;
	height:90px;
}
#bt_zone_tri_echange {
	padding-top:20px;
}
#bt_zone_tri_echange a {
	position:relative;
	display:block;
	margin-top:3px;
}
#zone_tri_droite select {
	width:170px;
	height:90px;
}
#bt_zone_tri_ordre a {
	position:relative;
	display:block;
	margin-top:0px;
}
.bt_valider {
	position:absolute;
	width:69px;
	height:69px;
	top:100px;
	left:824px;
	background:url(../images/bt_valider.jpg);
	border:none;
	cursor:pointer;
}

/* PAGINATEUR */
.paginateur {
	position:relative;
	width:970px;
	height:50px;
	color:#6f6f6f;
	font-size:12px;
	margin-top:20px;
	clear:both;
	z-index:1;
}
.paginateur .pages {
	margin-top:10px;
}
.paginateur .pages ul li {
	list-style-type:none;
	position:relative;
	float:left;
	margin-right:4px;
	font-weight:bold;
}
.paginateur .pages ul li a {
	color:#6f6f6f;
	text-decoration:none;
	font-weight:normal;
}

/* LISTE PRODUITS */
.liste {
	position:relative;
	width:100%;
	font-size:10px;
}
.liste.decale {
	margin-top:30px;
}
.liste table {
	width:100%;
	text-align:center;
}
.liste table a {
	color:#000000;
}
.liste table thead {

}
.liste table thead tr th {
	/*background:#ffffff;*/
	/*border:#00FF00 1px solid;*/
	font-size:12px;
}
.liste table tbody tr.tr_decale td {
	/*margin-top:15px;*/
}
.liste table tbody tr.petit td, .liste table thead tr.petit th {
	line-height:2px;
	/*border:#990000 1px solid;*/
}
.liste table tbody tr td div, .liste table thead tr th div {
	line-height:normal;
}
.liste table .haut {
	background:#ffffff;
	margin:0px 2px 1px 2px;
}
.liste table .bas {
	background:#ffffff;
	margin:1px 2px 0px 2px;
}
.liste table .droite_haut {
	background:#ffffff;
	margin:0px 0px 1px 0px;
}
.liste table .droite_bas {
	background:#ffffff;
	margin:1px 0px 0px 0px;
}
.liste table .centre {
	background:#ffffff;
	padding:0px 0px 0px 3px;
}

/* REGLES */
#regles_menu {
	position:relative;
	height:140px;
}
#regles_menu ul {
	position:relative;
	float:left;
	margin:20px 60px 0px 0px;
	list-style:none;
}
#regles_menu ul li a {
	color:#015c89;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
}
#regles_menu ul li a:hover {
	text-decoration:underline;
}
dl#regles {
	position:relative;
	display:block;
	font-size:17px;
	color:#6f6f6f;
}
dl#regles dt {
	font-weight:bold;
}
dl#regles dd {
	margin-bottom:25px;
}
dl#regles dd ul {
	margin-left:15px;
}

/* CHOIX FOURNISSEUR */
#four_titre {
	position:relative;
	width:990px;
	height:35px;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	background:#a9aaaa;
	text-align:center;
	margin:15px 0px 40px -35px;
}
#four_liste {
	position:relative;
}
#four_liste dl {
	position:relative;
	float:left;
	width:175px;
	height:190px;
	margin:0px 50px 50px 0px;
}
#four_liste dl dt {
	position:relative;
	width:175px;
	height:148px;
	text-align:center;
	padding-top:10px;
	background:url(../images/fd_fournisseur_logo.jpg) no-repeat center;
}
#four_liste dl dd {
	position:relative;
	width:175px;
	height:25px;
	background:#013753;
	text-align:center;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
}
#four_liste dl a {
	color:#FFFFFF;
	text-decoration:none;
}

/* LOTS */
#liste_lot {
	position:relative;
	margin-top:30px;
}
.lot_col {
	position:relative;
	float:left;
	width:400px;
	margin-bottom:25px;
}

/* EXPORTS */
.export_produits {
	position:relative;
	margin:10px 0px;
}
.export_produits a {
	color:#e9600e;
	font-size:15px;
	text-decoration:none;
}
.export_produits a:hover {
	text-decoration:underline;
}
.export_tarifs ul {
	margin-left:10px;
	list-style-type:none;
}
.export_tarifs ul li a {
	color:#002943;
	font-size:15px;
	text-decoration:none;
}
.export_tarifs ul li a:hover {
	text-decoration:underline;
}

/* VALIDATION */
p.validation {
	font-size:14px;
	line-height:20px;
	margin:10px 0px;
}

/* MES COORDONNEES MON PROFIL */
.bloc {
	position:relative;
	margin-top:15px;
}
.bloc .colonne {
	position:relative;
	float:left;
	width:432px;
	height:292px;
	padding:10px 0px 0px 25px;
	margin-right:3px;
	background:url(../images/fd_profil_bloc.jpg) no-repeat;
}
.bloc .type2 {
	height:258px;
	background:url(../images/fd_profil_bloc1.jpg) no-repeat;
}
.bloc .colonne label {
	display:block;
	font-size:15px;
	color:#3e3e3e;
	font-weight:bold;
	margin-top:8px;
}
.bloc .colonne td {
	font-size:15px;
	color:#3e3e3e;
	font-weight:bold;
	padding-top:4px;
}
.bloc .colonne input {
	width:400px;
}
.bloc .colonne input.file {
	width:150px;
}
.bloc .bt_valider {
	position:absolute;
	top:0px;
	left:0px;
	width:90px;
	height:70px;
	background:url(../images/bt_valider.png) no-repeat;
}

/* FICHE PRODUIT DETAIL */
.detail_menu {
	position:relative;
	width:927px;
	height:39px;
	margin-left:3px;
	z-index:1000;
}
.detail_menu ul li {
	position:relative;
	width:114px;
	height:39px;
	list-style-type:none;
	float:left;
}
.detail_menu ul li a {
	position:relative;
	width:106px;
	height:33px;
	padding:6px 0px 0px 8px;
	display:block;
	text-align:center;
	background:url(../images/fd_detail_onglet_off.jpg);
	text-decoration:none;
	color:#2e2d30;
	font-size:12px;
	font-weight:bold;
}
.detail_menu ul li.onglet_actif a {
	background:url(../images/fd_detail_onglet_on.jpg);
}

.detail_article {
	position:relative;
	width:927px;
	margin-top:-5px;
	background:url(../images/fd_detail_centre.jpg) repeat-y;
	z-index:10;
}
.detail_article .haut {
	position:relative;
	width:927px;
	height:10px;
	background:url(../images/fd_detail_haut.jpg);
}
.detail_article .bas {
	position:relative;
	width:927px;
	height:12px;
	background:url(../images/fd_detail_bas.jpg);
}
.detail_article .photo {
	position:absolute;
	top:0px;
	right:10px;
}
.detail_article label {
	display:block;
	font-size:15px;
	color:#3e3e3e;
	font-weight:bold;
	margin-top:8px;
}
.detail_article td {
	font-size:15px;
	color:#3e3e3e;
	font-weight:bold;
	margin-top:8px;
}
.detail_article input[type=text] {
	width:300px;
}
.detail_article label, .detail_article input, .detail_article textarea, .detail_article select {
	margin-left:20px;
}
.detail_validation .bt_valider, .bt_valider2 {
	width:90px;
	height:70px;
	background:url(../images/bt_valider.png) no-repeat;
	border:none;
	cursor:pointer;
}

/* DISPONIBLE JARDINERIE */
a.ajout_cmd {
	position:absolute;
	top:205px;
	left:865px;
	width:90px;
	height:86px;
	background:url(../images/bt_ajout_commande.jpg);
	display:block;
	text-indent:-5000px;
	z-index:50;
}
ul#boutons_panier {
	position:relative;
	list-style-type:none;
	height:38px;
	width:950px;
}
ul#boutons_panier li {
	position:relative;
	float:left;
	height:38px;
}
ul#boutons_panier li a {
	height:38px;
	display:block;
	text-indent:-5000px;
}
ul#boutons_panier li a.efface {
	width:159px;
	background:url(../images/bt_effacer_commande.jpg) no-repeat;
}
ul#boutons_panier li a.recalcule {
	width:97px;
	background:url(../images/bt_actualiser.jpg) no-repeat;
}
ul#boutons_panier li a.sauvegarde {
	width:178px;
	background:url(../images/bt_sauvegarder_commande.jpg) no-repeat;
}
ul#boutons_panier li a.integre {
	width:229px;
	background:url(../images/bt_integrer_commande.jpg) no-repeat;
}
a.passe {
	position:relative;
	width:220px;
	height:55px;
	background:url(../images/bt_passer_commande.jpg) no-repeat;
	display:block;
	text-indent:-5000px;
}

label#label_commentaire_commande {
	position:relative;
	width:550px;
	height:46px;
	background:url(../images/fd_commentaire_texte.jpg) no-repeat;
	display:block;
	font-size:14px;
	color:#3e3e3e;
	padding:10px 0px 0px 19px;
	margin-top:10px;
}
div.commentaire_textarea {
	position:relative;
	width:549px;
	height:136px;
	background:url(../images/fd_commentaire.jpg) no-repeat;
	display:block;
	padding:10px;
}
div.commande_form_elements {
	position:relative;
	width:550px;
	height:107px;
	background:url(../images/fd_commentaire_mail.jpg) no-repeat;
	font-size:14px;
	color:#3e3e3e;
	padding:10px 0px 0px 19px;
	line-height:20px;
}

div#historique_commande {

}
div#historique_commande table thead tr th {
	width:177px;
	height:44px;
	background:url(../images/fd_table_jard_entete.jpg) no-repeat;
	color:#3e3e3e;
	font-size:14px;
	font-weight:bold;
}
div#historique_commande table tbody tr {

}
div#historique_commande table tbody tr td {
	text-align:center;
	border-bottom:1px dashed #666666;
	padding:5px 0px;
}

/* Groupes de tarif */
#liste_groupe_jardineries {
	width:950px;
}
#liste_groupe_jardineries .titre_groupe {
	color:#015C89;
	font-size:17px;
	font-weight:bold;
	padding:5px 0px;
}
.div_groupe_jardinerie {
	float:left;
	width:210px;
	height:350px;
	margin-right:20px;
	margin-bottom:30px;
	border:1px solid #CCCCCC;
}
.div_groupe_jardinerie ul {
	margin-left:15px;
}
#liste_jardineries_non_associees {
	float:left;
	width:210px;
	height:600px;
	margin-right:20px;
}
#liste_jardineries_non_associees ul{
	list-style-type:none;
}
.droppable_hover {
	background-color:yellow;
}