/*****************************************************************************
  STYLES GENERAUX :
  SELECTEURS HTML
*****************************************************************************/

body {
	background-attachment: fixed;
	background-color: #68687;
	background-image: url(../images/fd_img_side02.gif);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
p {
	padding: 5px;
	margin: 0px;
	text-align: justify;
}
img {
	border: none;
	margin: 0;
	padding: 0;
}
a {
	color: #2E2EAD;
}
a:hover {
	color: #68687F;
}
ul {
	padding: 0;
	margin : 5px 0;
	list-style-type: disc;
	list-style-image: url(../images/puce_liste02.gif);
	list-style-position: outside;
}
li {
	padding: 0;
	margin: 0;
	margin-left: 25px;
}

/****************************/
/* h1 = Titres de pages */
h1 {
	color: #BA0B0B;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	margin-top: -35px;
	font-weight: normal;
}
h1.ombre {
	color: #DEDEE4;
	font-size: 30px;
	margin: 0;
	text-indent: 7px;
}
/* div.Titres_longs01  = Titres de pages trop longs !!! */
div.Titres_longs01  h1 {
	color: #BA0B0B;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	margin-top: -32px;
	font-weight: normal;
}
div.Titres_longs01  h1.ombre {
	color: #DEDEE4;
	font-size: 26px;
	margin: 0;
	text-indent: 7px;
}

/****************************/
/* h2 = TITRES */
h2 {
	color: #CFCFE5;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	margin-top: -35px;
	font-weight: normal;
	letter-spacing: 1px;
}
h2.ombre {
	color: #555588;
	font-size: 25px;
	margin: 0;
	margin-top: 8px;
	text-indent: 7px;
}
/****************************/
.piedpage01 {
	color: #FFFFFF;
}

h3 {
	margin: 5px;
	color: #FF0000;
	font-size: 14px;
}
h4 {
	margin: 5px;
	color: #FF0000;
	font-size: 12px;
}

table {
	border-collapse: collapse;
	text-align: left;
}

/*****************************************************************************
  STYLES GENERAUX :
  FORMULAIRES
*****************************************************************************/
form {
	margin: 0;
}
select {
	margin: 0;
	margin-left: 5px;
	padding: 2px;
	padding-left: 4px;
	border: 1px solid #68687F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: auto;
}
input.text, input.text_s, input.text_xs, input.text_xxs, input.text_l, input.text_xl, input.text_xxl {
	margin: 0;
	margin-left: 5px;
	margin-top: 3px;
	padding: 0 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 230px; /* Largeur par défault */
	border: none;
	border-bottom: 1px dashed #68687F;
}
/* Différentes largeurs de champs : */ 
	input.text_s {
		width: 180px;
	}
	input.text_xs {
		width: 120px;
	}
	input.text_xxs {
		width: 80px;
	}
	input.text_l {
		width: 250px;
	}
	input.text_xl {
		width: 300px;
	}
	input.text_xxl {
		width: 350px;
	}
	
input.radio {
 border: none;
}
input.checkbox {
 border: none;
}
input.area {
	margin: 0;
	padding: 2px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 230px; /* Largeur par défault */
	height: 60px; /* Hauteur par défault */
	border: 1px dashed #68687F;
	/*border-top: none;*/
}
input.bouton {
	background-color: #393970;
	background-image: url(../images/fd_dgV_bleufonce01.gif);
	border: 1px solid #000000;
	border-top-color: #AEAED9;
	border-left-color: #AEAED9;
	cursor: pointer;
	margin: 5px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
}
input.bouton:hover {
	border: 1px solid #000000;
	border-bottom-color: #AEAED9;
	border-right-color: #AEAED9;
	/*background-image: url(../images/fd_dgV_bleuardoise01.gif);*/
}

form h3 {
	color: #333366;
	background-image: url(../images/fd_dgH_bleuclair02.gif);
	padding: 4px;
}
form h4 {
	color: #333366;
	background-image: url(../images/fd_dgH_bleuclair02.gif);
	padding: 2px;
}
.label01 { /* Indications de champs dans un formulaire */
	color: #333366;
	font-size: 12px;
}
.label02 { /* Indications de champs dans un formulaire */
	color: #000000;
	font-size: 11px;
}
.label03 { /* Indications importantes dans un formulaire */
	color: #3E3E79;
	font-size: 11px;
	/*font-weight: bold;*/
}
.label04 { /* Détaile d'Indications importantes dans un formulaire */
	color: #000000;
	font-size: 10px;
}
form ul {
	margin: 0;
	list-style-type: disc;
	list-style: disc left url(../images/puce_liste01.gif);
}

/*****************************************************************************
  BLOCS DE NAVIGATION
*****************************************************************************/

/*************************
Bloc de navigation de TYPE 01 (menus de gauche : connexion, catalogue, ...)
**************************/
div.navig01 {
	background-color: #3C3C76;
	background-image: url(../images/fd_dgH_bleufonce01.gif);
	background-repeat: repeat;
	border: 1px solid #E6E6F5;
	border-left: none;
	margin-bottom: 5px;
	color: #FFFFFF;
}
div.navig01 a { /* Liens dans un bloc de navigation */
	color: #FFFFFF;
	text-align: left;
	display:block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 15px;
	background-image: url(../images/puce_navig04.gif);
	background-repeat: no-repeat;
}
div.navig01 a:hover { /* Survol des liens */
	background-position: right;
	background-image: url(../images/puce_navig05.gif);
	color: #B3B3FF;
}

/******** LIEN PANIER ********/
div.navig01 a.panier:hover { /* Survol des liens */
	background-image: none; /*url(../images/puce_navig05.gif);*/
}
#puce_panier {
	float: right;
	margin-right: 2px;
}
div.navig01 img.puce_panier_detail {
	margin-top: 3px;
	margin-right: 3px;
}
/****************************/

div.navig01 input.text01, div.navig01 input.text02 { /* Champs de formulaire */
	margin: 0;
	padding: 2px;
	width: 100px;
	cursor: text;
	border: 1px solid #D3D3E5;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #27274B;
	background-image: url(../images/fd_dgH_bleufonce02.gif);
}
div.navig01 input.text02 { /* Champs pour la recherche dans le catalogue*/
	width: 120px;
}
div.navig01 input.bouton { /* Champs de formulaire */
	margin: 5px;
	cursor: pointer;
	border: 1px solid #D3D3E5;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom-color: #1B1B33;
	border-right-color: #1B1B33;
	height: 20px;
}
div.navig01 input.bouton:hover { /* Champs de formulaire */
	border-color: #D3D3E5;
	border-top-color: #1B1B33;
	border-left-color: #1B1B33;
}
div.navig01 div.info {
	border: 1px solid #9999CC;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

/*************************
Bloc de navigation de TYPE 02 (fond blanc : accueil général, accueil client France, ...)
**************************/
div.navig02 {
	/* Rien à préciser */
}
div.navig02 a { /* Liens dans un bloc de navigation de type 2 (fond blanc) */
	color: #333399;
	text-align: left;
	display:block;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 15px;
	background-image: url(../images/puce_navig06.gif);
	background-repeat: no-repeat;
}
div.navig02 a:hover { /* Survol des liens */
	background-image: url(../images/puce_navig08.gif);
	padding-left: 25px;
}

/*************************
Menu de changement de langue
**************************/
#Menu_Langues {
	text-align: right;
	width: 60px;
}

/*****************************************************************************
  DIVERS STYLES DE TEXTES
*****************************************************************************/
a.liensfond { /* Liens se trouvant sur un fond (généralement foncé) */
	color:#FFFFFF;
}
a.liensfond:hover { /* Liens se trouvant sur un fond (généralement foncé) */
	color:#B3B3FF;
}

/*****************************************************************************
  CATALOGUE : LISTE DES RESULTATS
*****************************************************************************/
div.Pagination01 table{ /* Elements de pagination (nb résultats, suivant/précédent, ...) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #27274B;
}
div.Pagination01 a.suivant { /* Lien SUIVANT */
	text-align: right;
	display:block;
	margin: 0;
	padding: 0;
	padding-right: 25px;
	background-image: url(../images/puce_suivant01.gif);
	background-repeat: no-repeat;
	background-position: right;
}
div.Pagination01 a.suivant:hover { /* Survol Lien SUIVANT */
	background-image: url(../images/puce_suivant02.gif);
	padding-right: 32px;
}
div.Pagination01 a.precedent { /* Lien PRECEDENT */
	text-align: left;
	display:block;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	background-image: url(../images/puce_precedent01.gif);
	background-repeat: no-repeat;
	background-position: left;
}
div.Pagination01 a.precedent:hover { /* Survol Lien PRECEDENT */
	background-image: url(../images/puce_precedent02.gif);
	padding-left: 32px;
}

div.Catalogue_Liste01 table { /* Liste des résultats */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div.Catalogue_Liste01 h3 {
	font-size: 13px;
	color: #BA0B0B;
	font-weight: bold;
	margin: 0 5px;
	padding: 0;
}
div.Catalogue_Liste01 h4 {
	font-size: 11px;
	color: #000000;
	font-weight:normal;
	margin: 0 3px;
	padding: 0;
}
div.Catalogue_Liste01 span.valeur01 {
	color: #BA0B0B;
}
div.Catalogue_Liste01 span.valeur02 {
	color: #BA0B0B;
}
div.Catalogue_Liste01 input.quantite {
	width: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div.Catalogue_Liste01 input.reference {
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div.Catalogue_Liste01 a.ajouter div { /* Imitation Bouton : */
	display: block;
	width: 100px;
	height: 20px;
	margin: 0;
	padding: 2px 5px;
	cursor: pointer;
	background-color: #393970;
	background-image: url(../images/fd_dgV_bleufonce01.gif);
	border: 1px solid #000000;
	border-top-color: #AEAED9;
	border-left-color: #AEAED9;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	margin-left: 50px;
	margin-top: 20px;
}
div.Catalogue_Liste01 a.ajouter {
	display: block;
	width: 120px;
	height: 70px;
	text-decoration: none;
	/* Puce en image de fond : */
	background-image: url(../images/puce_caddie02.gif);
	background-repeat: no-repeat;
	background-position: left;
}
div.Catalogue_Liste01 a.ajouter:hover {
	background-image: url(../images/puce_caddie03.gif);
	text-decoration: none;
}
div.Catalogue_Liste01 a.ajouter:hover div {
	border-color: #000000;
	border-bottom-color: #AEAED9;
	border-right-color: #AEAED9;
}

/*****************************************************************************
  Panier, Validation et Suivi de Commande :
*****************************************************************************/
div.Commande_Tableau table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div.Commande_Tableau input.quantite {
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div.Commande_Tableau input.reference {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div.Commande_Tableau input.EAN13 {
	width: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div.Commande_Tableau input.libelle {
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div.Commande_Tableau input.libelle_2 {
	width: 345px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div.Commande_Tableau select.notation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0;
	padding: 1px;
}
div.Commande_Tableau .intitule01 { /* Intitulés plus petits */
	font-size: 9px;
}
div.Commande_Tableau span.valeur01 {
	color: #BA0B0B;
}
div.Commande_Tableau input.bouton {
	padding: 1px 2px;
	margin: 0;
}
div.Commande_Tableau img.separateur {
	padding-top: 8px;
	padding-bottom: 8px;
}
div.Commande_Tableau h3 {
	color: #BA0B0B;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
/* BOUTON DETAIL : */
div.Commande_Tableau a.btn_detail {
	display: block;
	width: 60px;
	text-decoration: none;
	/* Puce en image de fond : */
/*	background-image: url(../images/puce_zoom01.gif);
	background-repeat: no-repeat;
	background-position: right; */
}
div.Commande_Tableau a.btn_detail div { /* Imitation Bouton : */
	display: block;
	width: 50px;
	height: 16px;
	margin: 0;
	padding: 1px 3px;
	cursor: pointer;
	background-color: #393970;
	background-image: url(../images/fd_dgV_bleufonce01.gif);
	border: 1px solid #000000;
	border-top-color: #AEAED9;
	border-left-color: #AEAED9;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
/*	margin-right: 26px;*/
}
div.Commande_Tableau a.btn_detail:hover {
/*	background-image: url(../images/puce_zoom02.gif);*/
	text-decoration: none;
}
div.Commande_Tableau a.btn_detail:hover div {
	border-color: #000000;
	border-bottom-color: #AEAED9;
	border-right-color: #AEAED9;
}
/* BOUTON EXCEL : */
div.Commande_Tableau a.btn_excel {
	display: block;
	text-decoration: none;
	/* Puce en image de fond : */
	background-image: url(../images/picto_excel01.gif);
	background-repeat: no-repeat;
	background-position: right;
}
div.Commande_Tableau a.btn_excel:hover {
	background-image: url(../images/picto_excel02.gif);
	text-decoration: none;
}

div.Commande_Tableau .commande_consultee {
	font-weight: bold;
	color: #78788C;
}

/*****************************************************************************
  PAGE D'ACCUEIL GENERAL
*****************************************************************************/
span.Texte_Accueil_General {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
span.Texte_Identification_Client {
	font-size: 13px;
	/*font-weight: bold;*/
	color: #FFFFFF;
}
#Accueil_Coordonnees {
	font-size: 13px;
	color: #292950;
	text-align: center;
}
#Accueil_Coordonnees span.Important01 {
	font-weight: bold;
	color: #BA0B0B;
}

/*****************************************************************************
  PAGE DE PRESENTATION (client identifié)
*****************************************************************************/
#animation_presentation01 {
	float: right;
	margin-left: 15px;
	maring-bottom: 10px;
}

#Message_Predecent {
	width: 320px;
	font-size: 11px;
	font-weight: bold;
	color: #2B2B33; /*#6C6C80;*/
	text-align: center;
	border: 1px solid #787896;
	background-image: url(../images/fd_dgV_grisclair01.gif);
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

/*****************************************************************************
  AUTRES STYLES
*****************************************************************************/
.cadres01 { /* Animations SWF encadrée (par un tableau) */
	border: 1px solid #4E4E99;
	padding: 0;
}
.Textes_normaux { /* Textes normaux, à mise en forme isolée */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}