/* GENERIQUES */
span.gencode {font-size:9px;}

/* CONNEXION */
div.admin { float:left;  width: 792px; text-align:center; padding:4px; }
div.admin form { width: 320px; margin:0 auto; padding:0; text-align:center; color:#054b7f; }
div.admin form fieldset { width: 300px; padding: 10px; border: 1px solid #999; }
div.admin form fieldset legend { color:#054b7f; }

div.admin form fieldset div.ligne { float: left; width:300px; margin: 5px auto; }
div.admin form fieldset div.ligne div.intitule { float: left;  width: 100px; text-align: right; margin-right: 5px; }
div.admin form fieldset div.ligne div.champ { float: left; margin-left : 5px; width: 150px; text-align: left; }
div.admin form fieldset div.ligne div.msg { color: red; }
div.admin form fieldset div.ligne div.champ a { display: block; margin-top: 10px; font-size: 11px; }
div.admin form fieldset div.ligne div.champ select { margin:0px; *margin-left:5px;}
div.admin form fieldset div.ligne div.champ input { width: 130px; border: 1px solid #999; padding: 3px; font-size: 12px; }
div.admin form fieldset div.ligne div.champ input.small { width: 100px; }
div.admin form fieldset div.ligne div.champ input.submit { width: 150px; padding: 5px; border: 0; background-color: #6c97b7; color:#fff; font-size: 12px; }

table#liste_client_vrp {margin:5px 0 0 3px; font-size:8px; width:800px; border-collapse:collapse;}
table#liste_client_vrp tr td {text-align:center; font-size:10px; font-weight:normal; border-bottom:1px solid #054b7f;}
table#liste_client_vrp tr td.prix {font-size:11px; font-weight:bold;}
table#liste_client_vrp tr th {text-align:center; font-weight:bold; border-bottom:1px solid #054b7f; font-size:11px;}



/* ENTETE CLIENT */
div#entete div.entete_client { padding-top:10px; *width:200px; *height:70px; font-size: 11px; font-weight:normal; color:#000; font-style:italic;}

div#entete div.entete_panier { float:left; width: 250px; font-size: 14px; font-weight:bold; color:#054b7f; margin:0 0 0 150px;}
div#entete div.entete_panier a { float:left; margin:4px 7px 0 0;}
div#entete div.entete_panier a img {margin:-4px 5px 0 0;}

div#entete div#logos_multi {position:absolute; top:0px; margin-left:200px; *margin-left:-390px; width:110px; height:113px;}
div#entete div#logos_multi a { float:left; margin-top:5px;}

/* BLOC BREVE CLIENT */
#breve_client { float: left; width: 800px; height: 40px; background-color: #B1D1E8; margin-top: 4px; }
#breve_client h2 { color: #054b7f; font-size: 11px; font-weight: normal; padding: 3px 0 0 10px; margin: 0; }
#breve_client h2 a { text-decoration:none; color:#054b7f;}
#breve_client h2 a:hover { text-decoration:underline; color:#054b7f;}
#breve_client h2 a.famille_courante{ text-decoration:underline; color:#054b7f;}

#pageiMAJ { float: left; width: 800px;}

/* BLOC DONNEES FICHE CLIENT */
div.bloc_donnee { float: left; border : 1px solid #054b7f; width:385px; height:185px; padding:3px; margin:3px;}
div.bloc_donnee h2 { font-size:12px; color:#054b7f; font-weight:bold; text-align:center; margin:0px;}
div.bloc_donnee div.ligne { float: left; width:340px; margin: 1px auto; font-size:11px;}
div.bloc_donnee div.ligne div.intitule { float: left;  width: 115px; text-align: right; margin-right: 5px; }
div.bloc_donnee div.ligne div.champ { float: left; margin-left : 5px; width: 215px; text-align: left; }

div.bloc_formulaire { float: left; width: 800px; text-align: left; }
div.bloc_formulaire fieldset{ width: 350px; }
div.bloc_formulaire textarea{ width: 320px; margin-left:9px;}
div.bloc_formulaire input.submit{ display:block; position:relative; top:5px; margin:0 auto; width: 100px; text-align: center; }

/* FORMULAIRE LISTE ARTICLE */
div#commande_logoprint_articles {display:none;}
div#contenu_page fieldset {border:1px solid #6c97b7; color:#054b7f; }
div#contenu_page form.option_articles { float: left; width: 280px; height:50px; margin: 5px 0 5px 5px;}
div#contenu_page form.option_articles_large { float: left; width: 320px; height:50px; margin: 5px 0 5px 0;}
div#contenu_page form.option_articles_total { width: 650px;}
div#contenu_page form.option_articles_large fieldset{ width: 320px;}
div#contenu_page form.option_articles_large fieldset div.ligne_commande_tout input.submit { width: 190px; }

div#contenu_page form.liste_articles { float: left; width: 800px;}
div#contenu_page form.liste_articles_petit { float: left; margin-left:30px; width: 540px;}

div#contenu_page form.option_articles fieldset, div#contenu_page form.option_articles_small fieldset 
{height:40px; *height:50px; padding-left:5px;}

div#contenu_page form.option_articles_large fieldset
{height:40px; *height:48px; padding-left:5px;}

/* BLOC VIGNETTE */
div#contenu_page form div.bloc_vignette {font-family: arial; float:left; text-align:center; width:255px; height:530px; padding:2px; margin:0 3px 8px 3px; background-color:#EAEAEA;}
div#contenu_page form div.bloc_vignette div.vignette {position:relative; width:255px; height:250px; text-align:center; font-weight:normal; font-size:9px;}
div#contenu_page form div.bloc_vignette div.vignette a img {*display:block;}
div#contenu_page form div.bloc_vignette div.infos_vignette {position:relative; top:10px; width:250px; height:120px; text-align:left; font-size:10px;}
div#contenu_page form div.bloc_vignette div.infos_vignette_2 {position:relative; top:5px; width:250px; height:120px; text-align:left; font-size:10px;}

.etoiles {clear:both; float:left; top:5px; width:250px; height: 20px; text-align:left; font-size:10px; color: #648B7E; z-index: 2;}
div#contenu_page form div.ligne_commande {position:relative; top:5px; height:20px; text-align:left; font-size:10px; padding:1px;}
div#contenu_page form div.ligne_commande input {float:left; margin-right : 5px;}
div#contenu_page form div.ligne_commande label {padding-top:2px;float:left; margin-right : 5px;}
div#contenu_page form div.ligne_commande input.quantite {height:15px; font-size:9px; width:20px; border:1px solid #054b7f; background-color: transparent;}
div#contenu_page form div.ligne_commande input.submit { width: 100px; height:20px; background-color: #6c97b7; border:1px solid #054b7f; font-size: 9px; color: #fff; }
div#contenu_page form div.ligne_commande a.lien_successif { float:left; margin: 0 5px 0 0;}
div#contenu_page form div.ligne_commande_tout {position:relative; height:20px; text-align:left; font-size:12px; padding:1px;}
div#contenu_page form div.ligne_commande_tout input {float:left; margin-right : 5px;}
div#contenu_page form div.ligne_commande_tout label {padding-top:5px;float:left; margin-right : 5px;}
div#contenu_page form div.ligne_commande_tout input.quantite {height:20px; width:30px; border:1px solid #054b7f; background-color: transparent;}
div#contenu_page form div.ligne_commande_tout input.submit { width: 130px; height:24px; background-color: #6c97b7; border:1px solid #054b7f; color: #fff; }
div#contenu_page form div.ligne_commande_tout input.submitMini { width: 50px; height:24px; background-color: #6c97b7; border:1px solid #054b7f; color: #fff; }

/* COLLECTION CLIENT */
div#contenu_page #bloc_left { float:left; width:215px; height:800px;}
div#contenu_page #bloc_left #famille_cl { float:left; width:215px; padding:0; margin:0; font-size: 11px; color: #054b7f; }
div#contenu_page #bloc_left #famille_cl span.nom_famille { color: #054b7f; font-size: 14px; font-weight: bold; }
div#contenu_page #bloc_left #famille_cl ul { list-style: none; line-height: 20px; padding-left: 10px; }
div#contenu_page #bloc_left #famille_cl ul li a{ text-decoration:none; color: #054b7f; }
div#contenu_page #bloc_left #famille_cl ul li a:hover{ text-decoration:underline; color: #054b7f; }
div#contenu_page #bloc_left #famille_cl ul li { border-bottom: 1px solid #B1D1E8; }
div#contenu_page #bloc_left #famille_cl ul li.actif { background-image: url(../images_nav/list_fleche.gif); background-position: left center; background-repeat: no-repeat; padding-left: 15px; color: #054b7f; font-weight: bold; }
div#contenu_page #bloc_left #famille_cl ul li.actif a{color: #054b7f; font-weight: bold; }

div#contenu_page #bloc_right { float:left; width:500px;}

/* TABLE TARIF */
table.tarif {margin:5px 0 0 3px; font-size:8px; width:250px; border:1px solid #054b7f; border-collapse:collapse;}
table.tarif tr td {text-align:center; font-size:10px; font-weight:normal; border:1px solid #054b7f;}
table.tarif tr td.prix {font-size:11px; font-weight:bold;}
table.tarif tr th {text-align:center; font-weight:bold; border:1px solid #054b7f; font-size:11px;}

/* TABLE QUANTITE */
table.qtite {margin:5px 0 0 3px; font-size:8px; width:250px; border:1px solid #054b7f; border-collapse:collapse;}
table.qtite tr td {text-align:center; font-size:9px; font-weight:normal; border:1px solid #054b7f;}
table.qtite tr td.qtite {font-size:11px; font-weight:bold;}
table.qtite tr th {text-align:center; font-weight:bold; border:1px solid #054b7f; font-size:11px;}

/* TABLE SUIVI */
table.suivi {float:left; margin-top:5px; font-size:8px; width:800px; border:1px solid #054b7f; border-collapse:collapse;}
table.suivi tr th {text-align:center; font-weight:bold; border:1px solid #054b7f; font-size:11px;}
table.suivi tr td {text-align:center; font-size:9px; font-weight:normal; border:1px solid #054b7f;}
table.suivi tr td textarea {top:0px; margin:0px;}
div.form_suivi { width:800px; float:left; margin-top:10px;}
div.form_suivi form input.submit { width:150px; margin: 0 auto; padding:2px; background-color:#6c97b7; color:#fff; font-size:11px; border:0; }

/* BLOC FILTRE */
form#filtrer {width:780px;}
form#filtrer fieldset {padding:10px; width:780px;}
form#filtrer fieldset legend{cursor:pointer;}
form#filtrer fieldset input.submit { position:relative; top:0px; width:90px; padding:2px; background-color:#6c97b7; color:#fff; font-size:11px; border:0; }
form#filtrer fieldset div.bloc_filtre{float:left; width:200px; margin:0 8px 10px 0; *margin:0 5px 5px 0;   border:1px solid #6c97b7; padding:5px; *padding:2px; }
form#filtrer fieldset div.bloc_filtre input {width:140px;}
form#filtrer fieldset div.bloc_filtre label {display:block; float:left; width:50px;  text-align:right; font-weight:bold; margin-right:5px;}
form#filtrer fieldset div.bloc_filtre_select{width:90px;}
form#filtrer fieldset div.bloc_filtre_select label {width:40px;}
form#filtrer fieldset div.bloc_filtre_select select { float:left; display:block; width:40px; margin:0;}

/* TABLE LISTE ARTICLE */
table.tb_liste_article {float:left; margin-top:5px; font-size:8px; width:800px; border:1px solid #054b7f; border-collapse:collapse; text-align:left;}
table.tb_liste_article tr th {text-align:center; font-weight:bold; border:1px solid #054b7f; font-size:11px;}
table.tb_liste_article tr td {text-align:left; font-size:9px; font-weight:normal; border:1px solid #054b7f;}
table.tb_liste_article tr td textarea {top:0px; margin:0px;}

/* RECHERCHE */
form#rechercher fieldset {padding:10px;}
form#rechercher fieldset h1{font-size:15px;text-align:center;margin-top:0px;}
form#rechercher fieldset div.ligne{float:left; width:600px;}
form#rechercher fieldset div.ligne label{float:left; width:100px; text-align:right;}
form#rechercher fieldset div.ligne input{float:left; margin:0; margin-right:5px; text-align:left;}
form#rechercher fieldset div.ligne input.submit {width:100px; padding:4px; background-color:#6c97b7; color:#fff; font-size:11px; border:0; text-align:center;}

form#rechercher fieldset div.bloc_filtre{float:left; width:300px; margin:15px 8px 0 0; *margin:0 5px 5px 0; border:1px solid #6c97b7; padding:5px; *padding:2px; }
form#rechercher fieldset div.bloc_filtre hr{border:1px solid #6c97b7;}
form#rechercher fieldset div.bloc_filtre label {text-align:center;width:200px; font-weight:bold;}
form#rechercher fieldset div.bloc_filtre p {text-align:left;width:200px;}
form#rechercher fieldset div.bloc_filtre p input{width:20px;}

/* Message quand on ajoute un produit */
div#contenu_page div.msg_panier { position:absolute; z-index: 150; top:65px; margin-left:250px; *margin-left:-550px; height:30px; width: 350px; text-align: left; padding: 10px; color: #392075; background: #fff; border: 1px solid #666; }
div#contenu_page div.msg_panier div.intitule { float:left; width: 350px; margin: 0 0 10px 0; text-align: center; }
div#contenu_page div.msg_panier div.contenu_panier { position:relative; top:10px; width: 350px; height: 120px; margin: 0; font-weight: bold; }
div#contenu_page div.msg_panier div.contenu_panier form input.submit { width: 130px; margin: 0 0 0 100px; padding: 2px; background-color: #6c97b7; color: #fff; font-size: 11px; border: 0; }
div#contenu_page div.msg_panier div.contenu_panier div.articles { text-weight:normal; font-size:10px; float: left; width:350px; margin: 0 auto; padding: 0; }

/* Message quand on enregistre le panier */
div#contenu_page div.msg_panier_entier { position: absolute; z-index: 150; top:150px; margin-left:250px; *margin-left:-550px; width: 350px; text-align: left; padding: 10px;border: 0; color: #392075; background: #fff; border: 1px solid #666; }
div#contenu_page div.msg_panier_entier div.intitule { float:left; width: 350px; margin: 0 0 10px 0; text-align: center; }
div#contenu_page div.msg_panier_entier div.contenu_panier { position:relative; top:10px; width: 350px; margin: 0 auto; font-weight: bold; }
div#contenu_page div.msg_panier_entier div.contenu_panier form { display: block; width:130px; height: 30px; margin: 0 auto; padding: 0;}
div#contenu_page div.msg_panier_entier div.contenu_panier form input.submit { width: 130px; margin: 0 auto; padding: 2px; background-color: #6c97b7; color: #fff; font-size: 11px; border: 0; }

div#contenu_page div.msg_panier_articles { position: absolute; z-index: 200; top:150px; margin-left:250px; *margin-left:-550px; width: 350px; text-align: left; padding: 10px;border: 0; color: #392075; background: #fff; border: 1px solid #666; }
div#contenu_page div.msg_panier_articles div.intitule { float:left; width: 350px; margin: 0 0 10px 0; text-align: center; }
div#contenu_page div.msg_panier_articles div.contenu_panier { position:relative; top:10px; width: 350px; height: 120px; margin: 0 auto; text-align:center; font-weight: bold; }
div#contenu_page div.msg_panier_articles div.contenu_panier div.img_modele { float:left; width: 100px; margin-right:10px; }
div#contenu_page div.msg_panier_articles div.contenu_panier form { display: block; width:350px; height: 30px; margin: 0; padding: 0; }
div#contenu_page div.msg_panier_articles div.contenu_panier form input.submit { width: 130px; margin: 0 auto; padding: 2px; background-color: #6c97b7; color: #fff; font-size: 11px; border: 0; }
div#contenu_page div.msg_panier_articles div.contenu_panier div.articles { text-weight:normal; font-size:10px; float: left; width:350px; margin: 0 auto; padding: 0; text-align:left;}


/* PANIER */
#container #contenu_page div#commande_logoprint {display:none;}
#container #contenu_page div.commande {  position:relative; top:0px; width: 800px; padding: 0; color: #054b7f; }
#container #contenu_page div.commande form { width: 800px; padding: 0; margin: 0 auto; text-align: left; }
#container #contenu_page div.commande form fieldset { width: 800px; }
#container #contenu_page div.commande form fieldset legend { font-weight:bold; font-size:11px;}
#container #contenu_page div.commande form h2 { font-size:12px; color:#054b7f; font-weight:bold; text-align:center; margin:0px;}

#container #contenu_page div.commande form div.detail_commande { width: 720px; padding: 0; margin: 20px auto; }
#container #contenu_page div.commande form div.detail_commande a { color: #054b7f; }
#container #contenu_page div.commande form div.detail_commande div.ligne { float: left; width: 680px; padding: 0; margin: 1px 0 0 0; background-color: #B1D1E8; }
#container #contenu_page div.commande form div.detail_commande div.ligne div.commentaire{ float:left; font-size:10px;}
#container #contenu_page div.commande form div.detail_commande div.ligne div.commentaire span{font-size:12px;}
#container #contenu_page div.commande form div.detail_commande div.ligne div.fl_left{ float:left;}
#container #contenu_page div.commande form div.detail_commande div.ligne div.fl_left textarea{ margin:0; padding:0; top:0px;}
#container #contenu_page div.commande form div.detail_commande div.lignecourte { float: right; width: 420px; padding: 0; margin: 1px 40px 0 0; background-color: #B1D1E8; text-align: right; }

#container #contenu_page div.commande form div.detail_commande div.lignetotal { float: right; width: 320px; padding: 0; margin: 1px 0 0 0; background-color: #B1D1E8; text-align: right; color: #fff; }
#container #contenu_page div.commande form div.detail_commande div.lignetotal div.intitule { float: left; width: 250px; margin: 0; padding: 3px; }
#container #contenu_page div.commande form div.detail_commande div.lignetotal div.prix { float: right; width: 50px; margin: 0; padding: 3px; text-align: right; }

#container #contenu_page div.commande form div.detail_commande div.lignecourte div.intitule { float: left; width: 250px; margin: 0; padding: 3px; }
#container #contenu_page div.commande form div.detail_commande div.lignecourte div.intitule span { font-size: 10px; color: #999; }
#container #contenu_page div.commande form div.detail_commande div.lignecourte div.prix { float: right; width: 100px; margin: 0; padding: 3px; text-align: right; }
#container #contenu_page div.commande form div.detail_commande div.ligne span { font-size: 11px; }
#container #contenu_page div.commande form div.detail_commande div.ligne div.intitule { float: left; width: 426px; margin: 0; padding: 3px; text-align: left; }
#container #contenu_page div.commande form div.detail_commande div.ligne div.qte { float: left; width: 50px; margin: 0; padding: 3px;  text-align: right; }
#container #contenu_page div.commande form div.detail_commande div.ligne div.qte select { float: right; margin: 0; padding: 0; border: 0; font-size: 11px; }
#container #contenu_page div.commande form div.detail_commande div.ligne div.prix { float: left; width: 90px; margin: 0; padding: 3px; text-align: right;}
#container #contenu_page div.commande form div.detail_commande div.action { float: left; width: 10px; margin: 0; padding: 3px; text-align: left; }

#container #contenu_page div.commande form input.submit { float: right; width: 130px;  padding: 3px; margin: 10px 0 0 2px; font-size: 10px; background-color: #6c97b7; border: 0; color: #fff;  }
#container #contenu_page div.commande form input.submit_disabled { float: right; width: 130px;  padding: 3px; margin: 10px 0 0 2px; font-size: 10px; background-color: #eee; border: 1px solid #bbb; color: #bbb;  }

#container #contenu_page div.commande form fieldset div.ligne_opt_comm { float:left; width:390px; height:25px; font-size:11px;}
#container #contenu_page div.commande form fieldset div.ligne_opt_comm input {background-color:transparent; border:1px solid #6c97b7;}
#container #contenu_page div.commande form fieldset div.ligne_opt_comm div.intitule_opt_comm { float:left; width:180px; text-align:right; margin:0; }
#container #contenu_page div.commande form fieldset div.ligne_opt_comm div.champ_opt_comm { float:left; margin-left:5px; width:190px; text-align:left; }
#container #contenu_page div.commande form fieldset div.ligne_opt_comm_textarea { float: left; width:390px; font-size:11px;}
#container #contenu_page div.commande form fieldset div.ligne_opt_comm_textarea div.intitule_opt_comm { float: left;  width: 180px; text-align: right; margin: 0; }
#container #contenu_page div.commande form fieldset div.ligne_opt_comm_textarea div.champ_opt_comm { float: left; margin-left : 5px; width: 190px; text-align: left; }
#container #contenu_page div.commande form fieldset div.ligne_opt_comm_textarea div.champ_opt_comm textarea { margin:0; }
/*Impression*/
@media print {
	#container #contenu_page div#commande_logoprint {display:block; margin:0 0 10px 0; height:113px; width:341px;}
	#container #contenu_page div#commande_logoprint_articles {display:block; margin:0; padding:0; height:56px; width:500px;}
	#container #contenu_page div.commande form fieldset div.ligne_opt_comm { width:500px; clear:both; }
	#container #contenu_page div.commande form fieldset div.ligne_opt_comm div.intitule_opt_comm { width:250px; margin-right:20px; }
	#container #contenu_page div.commande form fieldset div.ligne_opt_comm_textarea { width:500px; clear:both; }
	#container #contenu_page div.commande form fieldset div.ligne_opt_comm_textarea div.intitule_opt_comm { width:250px;  margin-right:20px; }
	#container #contenu_page div.commande form input.submit { display: none; }
	#container #contenu_page div.commande form div.detail_commande div.action { display: none; }
	
	#pageiMAJ { display: none; }
	#entete { display: none; }
	#basdepage #basdepage_lienshaut{ display: none; }
	#basdepage #basdepage_liensbas{ display: none; }
	#basdepage #basdepage_infosprint{ display: block; }
	#container #menu { display: none; }
	#container #contenu_page #breve_client { display: none; }
	#container #contenu_page #breve { display: none; }
	#container #contenu_page form.option_articles { display: none; }
	#container #contenu_page form.option_articles_small { display: none; }
	#container #contenu_page form.option_articles_large { display: none; }
	div.saut_page_impression{width:800px; page-break-after:always; padding:2px; margin:0;}
}

/* QUESTIONNAIRE */
form#questionnaire {float:left;width:800px;}
form#questionnaire fieldset {padding:10px;}
form#questionnaire fieldset legend {font-weight:bold;}
form#questionnaire fieldset p {font-size:11px; margin:5px 0 5px 0;}
form#questionnaire fieldset input.submit {width:100px; padding:4px; background-color:#6c97b7; color:#fff; font-size:11px; border:0; text-align:center;}