body {
	background:#547389;
}

img {
border:none;
}

div.hr hr {
display: none;
}
div.hr {
background:transparent url(./images/point.gif) 0px 0px repeat-x;
height:1px;
margin-top:10px;
margin-bottom:-8px;
padding:0;
}

html>body #statique {
height: auto;
min-height: 1000px;
} 

#statique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-align:justify;
	background: #FFFFFF;
	padding:15px;
	height:1000px;
}

#statique a {
	color:#547389;
	text-decoration:underline;
}

#statique a:hover {
	color:#414B56;
}

#statique h3 {
	color:#414B56;
	font-size:13px;
	text-decoration:underline;
	margin:0;
}

html>body .brance {
	height: auto;
	min-height: 60px;
} 

.branche {
	margin:0;
	height:60px;
	border-bottom:1px dashed #878787;
	margin-bottom:5px;
}

.branche img {
	float:left;
	margin-right:10px;
}

.login{
	margin-left:44px;
}

/* SEARCHBAR */
.searchbar {
	width: 100%;
	height: 54px;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana;
	color: #F28329;
	float: left;
	background-image: url(images/search_fd.gif);
}

.searchbar TD {
	text-align: center;
}

.petit_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#000000;
	float:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:30px;
}

INPUT, SELECT, TEXTAREA {
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
	color: #555555;
	border: solid 1px #AAAAAA;
}



/* CATALOG ENTETE*/

#catalog {
	background: url(images/cata_fd.gif);
	overflow: auto;
	overflow-x: hidden;
}

.branche {
	width: 100%;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	color: #000000;
	padding: 10px;
}


.branche .titre{
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana;
	color: #000000;
}
.famille_entete {
	font-family: Verdana;
	color: #F28329;
	font-weight: bold;
	font-size: 13px;
	padding-left:15px;
	padding-bottom:15px;
}
.famille_titre {
	font-family: Verdana;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	padding-left:15px;
	padding-bottom:10px;
}
html>body .entete {
	height: auto;
	min-height: 30px;
} 
.entete {
	width: 100%;
	clear: both;
	/*height: 30px;*/
	padding-top: 10px;
	text-align: left;
	overflow: hidden;
}

.entete .entete_img {
	float: left;
	margin-left : 10px;
	border: solid 1px #DDDDDD;
	width: 100px;
	height: 100px;
	overflow: hidden;
}

.entete .entete_texte {
	float: left;
	/*width: 460px;*/
	height: 35px;
	font-family: Verdana;
	color: #F28329;
	text-align: left;
	overflow: hidden;
	font-weight: normal;
	font-size: 13px;
	padding-left: 10px;
}

.entete .entete_texte2 {
	float: left;
	width: 460px;
	height: 20px;
	font-family: Verdana;
	color: #0033cc;
	text-align: left;
	overflow: hidden;
	font-weight: normal;
	font-size: 12px;
	padding-left: 10px;
}



.entete A {
	color: #F28329;
}

.entete SELECT {
	width: 150px;
}

.entete .entete_affinage {
	width: 345px;
	margin-left: 50px;
	background-image: url(images/cata_entete_fd.gif);
	background-color: #FFCC00;
	height: 75px;
	float: left;
}

.entete_affinage .titre {
	font-family: Verdana;
	color: #F28329;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	padding-bottom: 0px;
}

.entete_affinage .texte {
	float: left;
	padding: 10px;
}


.entete_affinage .bouton {
	float: left;
	padding: 10px;
}

.entete_simple {
	float: left;
	height: 40px;
	font-family: Verdana;
	color: #F28329;
	text-align: left;
	overflow: hidden;
	font-weight: normal;
	font-size: 13px;
	padding-left: 10px;
	margin: 10px;
}

.cataindex {
	clear: both;
}


/* CATALOG PRODUIT */
#catalog .produit {
	clear: both;
	width: 590px;
	padding-bottom:10px;
	border-bottom:1px dashed #878787;
	margin-bottom:10px;
	background:#FCFBFB;
}

#catalog .designation1 {
	font-family: Verdana;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEEE;
	border: solid 1px #DDDDDD;
	padding: 1px;
	overflow: hidden;
	padding:5px;
}

#catalog .designation2 {
	float:left;
	font-family: Verdana;
	background:#FFFFFF;
	color: #777777;
	font-size: 10px;
	padding: 1px;
	text-align: justify;
	width:100%;
}

#catalog .marque {
	font-family: Verdana;
	background:#FFFFFF;
	color: #000000;
	font-size: 10px;
	padding: 1px;
	text-align: justify;
}

#catalog .page {
	font-family: Verdana;
	color: #F28329;
	font-size: 10px;
	padding: 1px;
	text-align: justify;
	font-weight: bold;
}

#catalog .document {
	font-family: Verdana;
	color: #F28329;
	font-size: 10px;
	padding: 1px;
	padding-left:0px;
	text-align: justify;
	font-weight: bold;
}

#catalog .livraison {
	font-family: Verdana;
	background:#FFFFFF;
	color: #AAAAAA;
	font-size: 10px;
	padding: 2px;
	font-weight: bold;
}

#catalog .prix, #catalog .couleur, #catalog .point, #catalog .conseil {
	font-family: Verdana;
	background:#FFFFFF;
	border-bottom:1px solid #B3B1B1;
	margin-bottom:5px;
	color: #000000;
	font-size: 10px;
	padding: 1px;
}

#catalog .conditionnement {
	font-family: Verdana;
	background:#FFFFFF;
	border-bottom:0px solid #B3B1B1;
	margin-bottom:5px;
	color: #000000;
	font-size: 11px;
	padding: 1px;
}

#catalog .prix a {
	text-decoration:underline;
}

#catalog .commande {
	float: right;
	width: 150px;
	overflow: hidden;
	height: 30px;
}

#catalog .pavebonus {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}


#catalog .bonus {
	padding: 10px;
	text-align: center;
}

#catalog .qte INPUT {
	border: solid 1px #AAAAAA;
	font-size: 11px;
	font-family: Verdana;
	width: 40px;
	height: 19px;
}

#catalog .pavelink {
	width: 614px;
	margin-top: 20px;
	background-image: url(images/cata_linkart.gif);
	height: 90px;
	float: left;
	text-align: left;
}

#catalog .pavelink .titre {
	font-family: Verdana;
	color: #F28329;
	font-size: 11px;
	font-weight: bold;
	padding: 10px;
	padding-bottom: 0px;
}

#catalog .pavelink .texte {
	font-family: Verdana;
	color: #000000;
	font-size: 10px;
	padding: 10px;
}

#catalog .retour {
	font-family: Verdana;
	color: #000000;
	font-size: 10px;
	text-align: right;
	padding: 10px;
}

#famille_desi_general {
	float:left;
	width:500px;
	margin-bottom:20px;
}

.famille_desi a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left:20px;
	text-decoration:underline;
}

/* PANIER */

#panier {
	overflow: auto;
	overflow-x: hidden;
}
.lignepanier {
	font-size: 10px;
	font-family: Verdana;
	height: 25px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}

.lignepanier .designation {
	float: left;
	width: 110px;
	height: 25px;
	vertical-align: center;
	overflow-y: hidden;
}


.lignepanier .qte {
	float: left;
	width: 30px;
	height: 25px;
	vertical-align: center;
	text-align: right;
	overflow: hidden;
}

.ligne {
	font-size: 1àpx;
	padding-top: 5px;
}

.soustitre {
	font-size: 11px;
	padding: 5px;
}

/* preval */

#preval {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/cata_fd.gif);
	overflow: auto;
	overflow-x: hidden;
}

#preval a {
	color:#547389;
	text-decoration:underline;
}

#preval a:hover {
	color:#414B56;
}

#preval h3 {
	color:#414B56;
	font-size:13px;
	text-decoration:underline;
	margin-left:15px;
}

#preval .titre {
	font-family: Verdana;
	color: #F28329;
	font-size: 13px;
	font-weight: bold;
	padding: 15px;
}

#preval .commande {
	width: 590px;
	margin-left: 10px;
}

#preval .commande .ligneentete {
	height: 20px;
}

#preval .entete_caption {
	background-color: #676F78;
	text-align: left;
	margin: 1px;
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: bold;
	padding: 3px;
	padding-left: 8px;
	font-size: 10px;
}
#preval .commande .ligne{
	height: 20px;
}
#preval .ligne_caption {
	background-color: #E3E4E6;
	text-align: left;
	margin: 1px;
	color: #000000;
	font-family: Verdana;
	padding: 3px;
	font-size: 10px;
}

#preval .commande INPUT {
	height: 19px;
}

#btn_valid  {
	margin-top:20px;
	text-align:center;
}

#btn_valid INPUT  {
	background:#F28329;
	border:1px solid #D7711E;
	color:#FFFFFF;
	font-size:10pt;
	font-weight:bold;
	width:240px;
	font-family: 'Trebuchet MS', Verdana;
}


#preval .total {
	clear: both;
	/*float: left;*/
	width: 380px;
	margin-left: 220px;
	height: 100px;
	margin-bottom:40px;
}

*HTML #preval .total {
	margin-bottom:-23px;
}

#preval .total .titre {
	background-color: #F28329;
	text-align: left;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:0px;
}

#preval .lignesep {
	margin-left: 10px;
}

#preval .total .ligne {
	background-color: #FCE6D4;
	text-align: right;
	margin: 2px;
	color: #444444;
	font-family: Verdana;
	padding: 3px;
	font-size: 10px;
}

#preval .total INPUT {
	width: 80px;
}

#preval .field_text {
	border: 0px;
	width: 60px;
	text-align: right;
}

#preval .boutons {
	margin: 2px;
}

#preval .boutons .caption {
	float: left;
}

#preval .boutons .value {
	float: right;
}

.comment {
	padding:10px;
	background:#EEEEEE;
}

.notes {
	clear: both;
	width: 590px;
	margin-left: 10px;
	margin-top: 20px;
	font-family: Verdana;
	font-style: italic;
	font-size: 10px;
	color: #000000;
}

/* COORD */

#coordonnees {
	background-image: url(images/cata_fd.gif);
	overflow: auto;
	overflow-x: hidden;
}

#coordonnees .titre {
	font-family: Verdana;
	color: #F28329;
	font-size: 16px;
	font-weight: bold;
	padding: 20px;
}


#adresses {
	width: 590px;
	margin-left: 10px;
}

#adresses #facturation {
	width: 290px;
	margin-right: 5px;
	vertical-align: top;
}

#adresses #livraison {
	width: 290px;
	margin-left: 5px;
	vertical-align: top;
}

#adresses .titre {
	color: #FFFFFF;
	height: 18px;
	width: 290px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	background-color: #F28329;
	padding: 0px;
	margin: 0px;
}

#adresses .titre SPAN {
	padding: 4px;
	width: 260px;
	height: 15px;
	padding-left: 10px;
}

#adresses .choix {
	color: #000000;
	height: 60px;
	width: 290px;
	background-color: #FCE6D4;
}

#adresses .choix DIV {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	padding: 4px;
	padding-left: 15px;
}

#adresses .adresse {
	color: #000000;
	width: 290px;
	background-color: #FFFFFFF;
}

#adresses .adresse .ligne {
	background-color: #DDDDDD;
	margin-top: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	overflow: hidden;
	width: 100%;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}

#adresses .adresse .caption {
	width: 110px;
	overflow: hidden;
	padding: 1px;
	padding-left: 5px;
	float: left;
}
#adresses .adresse .value {
	overflow: hidden;
	padding: 0px;
	float: left;
}

#adresses .adresse INPUT{
	width: 160px;
	margin: 0px;
	background-color: #FFFFFF;
}

#adresses SELECT{
	width: 200px;
}

#adresses TEXTAREA{
	width: 160px;
	height: 74px;
}

/* ARBO */
#arbo {
	background:#FDEFE3;
	overflow: auto;
	overflow-x: hidden;
}

#arbo .suritem {
	padding-left:35px;
	padding-bottom: 2px;
	background-color: #547389;
}
#arbo .suritem a {
	color:#FFFFFF;
}
#arbo .item {
	width: 200px;
	margin-bottom:2px;
	letter-spacing: -1px;
}
#arbo .sousitem {
	font-size: 10px;
	padding-left : 12px;
	padding-bottom: 2px;
}
#arbo .sousitem img {
	border:none;
}

.change_select {
	background:#FFFFFF;
	border:1px solid #D9D9D9;
	padding:3px;
}

/* TOP VENTES */

#topventes .item {
    font-size:11px;
	width: 170px;
	letter-spacing: -1px;
}

#topventes .item  li{
width: 170px;
    margin-bottom:10px;
	padding-left:5px;
}


/* PAVES */
.paves  {
	font-family: Verdana;
	border: 0px;
	padding: 0px;
	background-color: #ECECEC;
	height: 100%;
}

.paves .titre {
	color: #FFFFFF;
	padding: 3px;
	padding-left: 5px;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	background-color: #999999;
	letter-spacing: -1px;
}

.paves .texte {
	color: #000000;
	padding: 5px;
	padding-bottom: 5px;
	font-size: 11px;
}

.pavessep {
	height: 10px;
}



.pavenoir .titre {
	background-color: #414B56;
}

.pavenoir .texte {
	background-color: #ECECEC;
}




.pavebleu .titre {
	background-color: #414B56;
}

.pavebleu .texte {
	background-color: #CBD5DB;
}


.pavevert .titre {
	background-color: #AAB734;
}

.pavevert .texte {
	background-color: #EFF4C1;
}

.pavevert a:hover {
	color: #788220;
}

.pavevert img {
	border:none;
}

.paveviolet .titre {
	background-color: #A15C79;
}

.paveviolet img {
	border:none;
}

.paveviolet .texte {
	background-color: #E8DBE0;
}



.paveorange .titre {
	background-color: #E97517;
}

.paveorange .texte {
	background-color: #FDEFE3;
	margin:0;
}

.paveorange img {
	border:none;
}

A {
	color: #000000;
	text-decoration: none;
}

A:hover {
	color: #CC0000;
	text-decoration: none;
}

.paves .titre A {
	color: #FFFFFF;
	text-decoration: none;
}

/* DEMANDE DE CATALOGUES */
.catalogues {
	float:left;
	background:#F4F4F4;
	border:1px solid #D9D9D9;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
}
.catalogues2{
	float: left;
	/*height:175px;*/
}
.catalogues_miniatures {
	float:left;
	margin-bottom:10px;
	width:132px;
	text-align:center;
}
.catalogues_miniatures img{
	border:1px solid #D9D9D9;
	margin-top:5px;
}
.mdp_oubli {
	float:left;
	background:#F4F4F4;
	border:1px solid #D9D9D9;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
}
.titre_marques {
	margin-top:18px;
	background:#F7F8F8;
	padding:3px;
	border:1px solid #DFDFDF;
	color:#313E47;
	font-weight:bold;
}
.selection_marques {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#F7F8F8;
	padding:10px;
	border:1px solid #DFDFDF;
	color:#313E47;
	font-weight:bold;
	margin:0;
}
.selection_marques input {
	margin-top:15px;
}
.cadre_gris {
	background:#F7F8F8;
	padding:15px;
	border:1px solid #DFDFDF;
}
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:5px;
	background:#F2F1F1;
	border:1px solid #DEDDDD;
	margin-left:15px;
	margin-right:8px;
}
#texte_valid {
	margin-top:20px;
	margin-bottom:20px;
	background:#FFFFFF;
	color:#BB0C0C;
	padding:5px;
	font-size:11px;
}
.button_pv a{
	font-size:12px;
	background:#F7F8F8;
	padding:7px;
	border:1px solid #DFDFDF;
	font-weight:bold;
}
/* CDE_PAIEMENT */
.print {
	position:absolute;
	left:0;
	padding-top:30px;
	font-weight:bold;
	padding-left:50px;
}
#cheque {
	float:left;
	background:#F7F7F7;
	font-size:11px;
	border:1px solid #D2D0D0;
	margin-left:20px;
	width:165px;
	height:150px;
	text-align:center;
}
#cb {
	float:left;
	background:#F7F7F7;
	font-size:11px;
	border:1px solid #D2D0D0;
	margin-left:20px;
	width:165px;
	height:150px;
	text-align:center;
}
#reception  {
	float: left;
	background:#F7F7F7;
	margin-left: 20px;
	font-size:11px;
	border:1px solid #D2D0D0;
	width:165px;
	height:150px;
	text-align:center;
}
#reception .value INPUT, #cheque .value INPUT, #cb .value INPUT {
	background:#F28329;
	border:1px solid #D7711E;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}
#cheque h3{
	margin-top:10px;
	margin-right:10px;
	text-align:center;
	color:#F28329;
	font-size:11px;
	text-decoration:none;
}
#cb h3{
	margin-top:10px;
	text-align:center;
	color:#F28329;
	font-size:11px;
	text-align:left;
	text-decoration:none;
}
#reception h3{
	margin-top:10px;
	text-align:center;
	color:#F28329;
	font-size:11px;
	text-align:left;
	text-decoration:none;
}

#paiement .texte {
	margin:5px;
}
#paiement_test {
	padding:0px;
}
#important {
	clear:both;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}
.CGV {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}
.savoir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:3px;
	margin-bottom:3px;
}
.savoir a {
	font-weight:bold;
	text-decoration:none;
}
.pub {
	float:left;
	margin-left:5px;
}
#titreForm, #piedForm {	/******************* Mise en forme du titre et du pied de formulaire *****************/
font: bold 1.1em arial, hevetica, sans-serif;
color: white;
background: black;
margin: 0;
padding: 0;
}
#piedForm {
text-align: right; /************* Les boutons sont alignés à droite **************/
}
#piedForm input {
font-weight: bold; /************* Pour améliorer la lisibilité des boutons *****************/
margin-left: 0;
}
#corpForm {	/***************** Mise en fome du corp du formulaire (bordure, couleur du fond...) ******************/
float:left;
color: #333333;
background: #FFFFFF;
margin: 0;
padding: 0;
width:390px;
margin-bottom:20px;
}
#corpForm fieldset { /***************** Mise en forme des cadres *************************/
margin: 0;
font-style: normal;
padding: 0 1em 1em;
}
#corpForm legend {	/********************** Mise en forme des titres des cadres **********************/
font-weight: bold;
color: #E97517;
background: #FFFFFF;
}
#corpForm p {	/******************** Mise en forme des lignes du formulaire ************************/
padding: .2em 0;
margin: 0 0 0 0;
}
#corpForm fieldset#coordonnees label {	
float: left;
width: 33%;	
text-align: left;	
margin: 0;
padding: 0 0 0 0;
line-height: 1.8;	
}
#corpForm label:hover, #piedForm input {
cursor: pointer;
}
#corpForm .normal {	
background: white;
color: black;
}