﻿

/*Global */
body
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	font-weight: normal;
}

.BordureDashed
{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #C5C5C5;
}
.Bordure
{
	border-style: solid;
	border-width: 1px;
	border-color: #C5C5C5;
}
.DefaultPanel
{
	background-color: #FFFFFF;
	padding: 8px;
	margin: 10px 5px 15px 5px;
	height: 100%;
}
.LargeurPage
{
	width: 1024px;
	margin: 0 auto;
}
.HeaderAnimation
{
	float: right;
	margin-top: 10px;
	width: 755px;
	text-align: left;
}
.SubmitButton
{
	background-image: url('Images/bt-envoyer.gif');
	background-repeat: no-repeat;
}
.SubmitButton:hover
{
	background-image: url('Images/bt-envoyer-r.gif');
	background-repeat: no-repeat;
}
.bt_ok
{
	background-image: url('Images/bt-ok-g.gif');
	background-repeat: no-repeat;
}
.bt_ok:hover
{
	background-image: url('Images/bt-ok-g-r.gif');
	background-repeat: no-repeat;
}
.confirmOrder
{
	background-image: url('Images/bt-valid-commande.gif');
	background-repeat: no-repeat;
}
.confirmOrder:hover
{
	background-image: url('Images/bt-valid-commande-r.gif');
	background-repeat: no-repeat;
}
.ImagePadding
{
	padding-bottom:10px;
	padding-top:10px;
}
/* Global container center*/
#Container
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.HiddenColumn
{
	visibility: hidden;
}

/*Paddings*/

.PaddingSide
{
	margin: 0px;
	padding: 0px 5px 0px 5px;
}
.PaddingTopBottom
{
	padding: 8px 0px 8px 0px;
}
.PaddingAll
{
	padding: 5px;
}
/* Fin paddings*/

/*Rouded Box */

.RoundedBox
{
	margin: 10px 10px 10px 10px;
	border: 1px solid #c5C5C5;
	color: #000000;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	z-index: 0;
}
.RoundedBoxLeft
{
	margin: 20px 10px 20px 0px;
	border: 1px solid #c5C5C5;
	color: #000000;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	z-index: 0;
}
.RoundedBoxRight
{
	margin: 20px 0px 20px 10px;
	border: 1px solid #c5C5C5;
	color: #000000;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	z-index: 0;
}
.RoundedShaddow
{
	margin-top: 10px;
	color: #000000;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	z-index: 0;
}
.RoundedShaddowBottom
{
	background-image: url('Images/bordure_shaddow.gif');
	background-repeat:no-repeat;
	margin-left: -3px;
	height: 17px;
	width:623px;
}
/* FIN roundedbox

/*Titres */
.Titre
{
	font-size: 12px;
	color: #4D4D4D;
	white-space: normal;
}
.TitreBlocTop
{
	font-size: 11px;
	color: #4D4D4D;
	white-space: normal;
	padding-bottom: 3px;
	padding-top: 3px;
}
.TitreCentral
{
	font-size: 14px;
	color: #4D4D4D;
}
.TitreCentralMarque
{
	font-size: 14px;
	color: #D40026;
}
.TitreCentralBold
{
	font-size: 14px;
	color: #4D4D4D;
	font-weight: bold;
}
.SousTitre
{
	font-size: 10px;
	color: #4D4D4D;
}
.SousTitreGras
{
	font-size: 10px;
	color: #4D4D4D;
	font-weight: bold;
}
.TitreFinCommande
{
	font-size: 14px;
	color: #037899;
}

.Legende
{
	font-size: 10px;
	color: #4D4D4D;
	font-style:italic;
}
/* Fin titre */

/* Contenus */
.Contenu
{
	font-size: 10px;
	color: #000000;
	white-space: normal;
}
.ContenuCentral
{
	font-size: 12px;
	color: #000000;
}
/* Fin contenus*/


/* Liens */
.LienCote, .LienCentral, .LienMail, .LienInscription
{
	font-weight: normal;
	white-space: nowrap;
	text-decoration: none;
	display: block;
}
.LienCote
{
	color: #043D65;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.LienCentral
{
	color: #043D65;
	font-size: 12px;
	padding: 0px;
}
.LienMail
{
	color: #043D65;
	font-size: 9px;
}
.LienMail2
{
	color: #043D65;
	font-size: 10px;
	font-style: italic;
}
.LienInscription
{
	color: #D40026;
	font-size: 10px;
}
.LienFicheAgence
{
	color: #D40026;
	font-size: 12px;
}
.LienContenu
{
	color: #000000;
	white-space: normal;
	padding-top: 0px;
	font-size: 10px;
	padding-bottom: 2px;
	display: block;
}
/* Fin lien */

.TexteBasFormulaire
{
	font-size: 9px;
	color: #000000;
}

/* PiedPage*/
.PiedPage:link, .PiedPage:visited, .PiedPage:hover, .PiedPagePipe
{
	color: #4D4D4D;
	font-size: 9px;
	display: block;
}

.PiedPage:visited
{
	text-decoration: none;
}

.PiedPage:hover
{
	text-decoration: underline;
}
/* fin PiedPage */

/* controls */
.DropDownList
{
	vertical-align: top;
	margin-top: 3px;
	font-size: 9px;
}
a
{
	font-size: 11px;
	color: #043D65;
	font-weight: normal;
	white-space: nowrap;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline;
}
.TextBox, .RechercheTextBox, .LivraisonChamp
{
	border: 1px solid #C5C5C5;
	vertical-align: top;
	margin-top: 2px;
	font-size: 11px;
}
/* fin controls*/

/* Recherche*/
.Recherche
{
	background-image: url('Images/bg_search.gif');
	background-repeat: repeat-x;
	height: 24px;
	text-align: center;
}
.RechercheImg
{
	background-image: url('Images/search.gif');
	background-repeat: no-repeat;
	height: 24px;
	width: 38px;
	background-color: #00FFFF;
}
.RechercheBtn
{
	border-width: 1px 2px 1px 2px;
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-color: #6A6A6A;
	vertical-align: top;
	background-color: Transparent;
	color: #FFFFFF;
}
.RechercheTextBox
{
	margin-top: 1px;
}

/* Blocs (ex : KDI près de chez vous)*/
.BlocBoxLeftTop, .BlocBoxRightTop, .BlocBoxLeft, .BlocBoxRight, .BlocBoxLeftTopAno, .BlocBoxLeftTopSigned, .BlocBoxRightTopAno, .BlocBoxRightTopSigned
{
	color: #000000;
	width: 176px;
	text-align: left;
	z-index: 0;
}

.BlocBoxLeftTop, .BlocBoxRightTop
{
	background-color: #C7C7C7;
	margin: 0px;
}

.BlocBoxLeftTopAno, .BlocBoxLeftTopSigned
{
	height: 70px;
	background-image: url('Images/bgLeft_ano.gif');
	/*border-right: 2px solid #ebebeb;*/
}
.BlocBoxRightTopAno
{
	background-image: url('Images/bgRight_ano.gif');
	height: 85px;
}
.BlocBoxRightTopSigned
{
	background-image: url('Images/bgRight_signed.gif');
	background-repeat:no-repeat;
	height: 85px;
}
.BlocBoxLeft
{
	/*border-right: 1px solid #ebebeb;*/
	padding-top: 10px;
}
.BlocBoxRight
{
	padding-top: 10px;
}
.BorderBottomLeft
{
	background-image: url('Images/bordure_box_left.gif');
	background-repeat:no-repeat;
	height: 13px;
	width: 176px;
}
.BorderBottomRight
{
	background-image: url('Images/bordure_box_right.gif');
	background-repeat:no-repeat;
	height: 13px;
	width: 176px;
}
.BlocMargin, .BlocMarginSide, .BlocMarginAnimation, .BlocMarginBasket
{
	margin-left: 10px;
	margin-right: 10px;
}
.BlocMargin
{
	padding-top: 10px;
	padding-bottom: 5px;
}
.BlocButton
{
	padding: 10px 0px 5px 0px;
}
.BlocMarginAnimation
{
	padding-top: 7px;
	padding-bottom: 5px;
}
.BlocMarginBasket
{
	padding-top: 6px;
	padding-bottom: 0px;
	height:53px;
}
/* Mise en page de la master */
.mainTable
{
	text-align: center;
	width: 1153px;
	margin: 0 auto;
}
.FirstLine
{
	background-image: url('Images/firstLineBg.gif');
	background-repeat: repeat-x;
	height: 84px;
	text-align: center;
	vertical-align: bottom;
	width: 100%;
}
.headerbar
{
	background-image: url(Images/acceuil-anonyme_03.gif);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: bottom;
	height: 97px;
	width: 1153px;
}
.PanelLeft
{
	background-color: #FFFFFF;
	width: 175px;
	height: auto;
	border-right: 1px solid #ebebeb;
}
.PanelRight
{
	background-color: #FFFFFF;
	width: 177px;
	height: auto;
	border-left: 1px solid #ebebeb;
}
.MarginRight
{
	width: 81px;
	height: auto;
}
.MarginLeft
{
	width: 82px;
	height: auto;
}
.CenterPart
{
	padding: 12px 10px 0px 10px;
	width: 616px;
	vertical-align: top;
	text-align: left;
}
/*Login */
.logout
{
	background-image: url('Images/bt-deconnexion.gif');
	background-repeat: no-repeat;
	margin-top: 10px;
}
.logout:hover
{
	background-image: url('Images/bt-deconnexion-r.gif');
	background-repeat: no-repeat;
	margin-top: 10px;
}

/* fin login*/

/*Liste des agences */
.AgencyListBox
{
	padding: 0px 0px 0px 10px;
}
.AgencyListBoxItem, .AgencyListBoxItem:link, .AgencyListBoxItem:visited, .AgencyListBoxItem:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	padding: 3px 0px 3px 0px;
	display: block;
	white-space: normal;
}
.AgencyListLink
{
	/*on écrase le style display par défaut des links*/
	display: inline;
	vertical-align: top;
	font-size: 10px;
	color: #043D65;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.AgencyListDown
{
	padding-top: 4px;
}
.AgencyContact
{
	padding-right: 40px;
}

/*Produits*/
.NomProduit
{
	font-size: 16px;
	color: #4D4D4D;
}
.DescriptifProduit
{
	font-size: 11px;
	color: #4D4D4D;
}
.DivDescriptifProduit
{
	border: 1px solid #C5C5C5;
	width: 183px;
}
.DivFicheProduit
{
	padding-right: 15px;
	width: 598px;
	padding-top: 10px;
	background-color: White;
}
.FicheProduitImageCell
{
	padding-right: 30px;
	vertical-align: top;
	padding-left: 30px;
	padding-top:10px;
	width:125px;
}

.FicheProduitInterligne
{
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	padding-left:0px;
	padding-right:0px;
}
.ecoParticipation
{
	font-size: 8px;
}
.OngletsReferences
{
}
.OngletsDescriptifProduit
{
}
.OngletsProduitsAssocies
{
}
.Onglet
{
	background-image: url('Images/pixel_FicheProduit.gif');
	background-repeat: repeat-x;
	width: 522px;
	display: inline;
	float: left;
	height: 2px;
	margin-top: 21px;
}
.OngletImage
{
	border-bottom-style: solid;
	border-bottom-width: 1px !important;
	border-bottom-color: #787878;
	display: inline;
	float: left;
	padding-top: 7px;
	cursor: pointer;
}
.tableauPrixDegressifs
{
	border: 1px solid #c5C5C5;
	background-color: #FFFFFF;
	width: 170px;
	padding-left:12px;
	padding-right:12px;
}
.PrixDegressifHeader
{
	padding-top:10px;
	
	padding-bottom:10px;
}
.puceDegressifs
{
	padding-bottom: 2px;
	padding-right : 6px;
	vertical-align: bottom;
}
/*fin produits*/

/*Prix*/
.Prix
{
	font-size: 12px;
	color: #D40026;
	font-weight: bold;
}
.Prix14
{
	font-size: 14px;
	color: #D40026;
}
.Piece
{
	color: #D40026;
}
/*fin prix*/

/*Commande*/
.NumCommande
{
	font-size: 12px;
	color: #037899;
}
/*fin commande*/

/* Articles bloc */
.BordureExterneListBloc
{
	margin: 10px 0px 10px 0px;
	border: 1px solid #C5C5C5;
	width: 156px;
	padding-right: 5px;
}
.ImageArticleListBloc
{
	margin: 3px 3px 1px 3px;
}
/*FIN Articles bloc */

/* Panier */
.BasketBlocContenu
{
	padding-left: 15px;
	padding-bottom: 5px;
	display: block;
	height:8px;
	
}
.AjouterPanier
{
	background-image: url('Images/bt-ajouter2.gif');
	background-repeat: no-repeat;
	margin-top: 3px;
}
.AjouterPanier:hover
{
	background-image: url('Images/bt-ajouter2-r.gif');
	background-repeat: no-repeat;
	margin-top: 3px;
}
.MontantPanier
{
	background-image: url('Images/bg_MontantPanier.gif');
	background-repeat: no-repeat;
	height: 53px;
	width: 219px;
	padding-left: 10px;
}
.MontantRecalcule
{
	font-style: italic;
}
.EnlevementDiv
{
	background-image: url('Images/bg-enlevement.gif');
	height: 54px;
	width: 619px;
}
.LivraisonDiv
{
	background-image: url('Images/bg-livraison.gif');
	height: 54px;
	width: 619px;
}
.OrderTD
{
	padding-left: 120px;
	width: 130px;
}
.LivraisonChamp
{
	width: 260px;
}
.LivraisonTD
{
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}
.LivraisonEnlevementPadding
{
	padding-bottom: 15px;
	padding-top: 15px;
}
.fondLivraison
{
	background-image: url('Images/bg_livraisonPrevue.gif');
	background-repeat: no-repeat;
	height: 37px;
	width: 619px;
}
.Next
{
	background-image: url('Images/bt-suivant.gif');
	background-repeat: no-repeat;
}
.Next:hover
{
	background-image: url('Images/bt-suivant-r.gif');
	background-repeat: no-repeat;
}


.ValiderCommande
{
	background-image: url('Images/bt-valid-commande.gif');
	background-repeat: no-repeat;
}
.ValiderCommande:hover
{
	background-image: url('Images/bt-valid-commande-r.gif');
	background-repeat: no-repeat;
}
.ContenuPanier
{
	font-size: 11px;
	color: #000000;
}
/* FIN Panier */

/* tableau */
.Entete
{
	height: 25px;
	padding-left: 7px;
	background-color: #D5DAEB;
}
.EntetePanier
{
	height: 25px;
	background-color: #D5DAEB;
	padding-left: 5px;
}
.FondEntete
{
	background-color: #D5DAEB;
}
.BorderTop
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C5C5C5;
}
.BorderRight
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C5C5C5;
}
.BorderBottom
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C5C5;
}
.TableCell
{
	margin-left: 5px;
	border-bottom-style: dashed;
	border-bottom-width: 2px;
	border-bottom-color: #C5C5C5;
	padding-top: 15px;
	padding-left: 5px;
}
.TableCellReference
{
	margin-left: 5px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #C5C5C5;
	
	padding-left: 5px;
}
.TableCellPromo
{
	margin-left: 5px;
	border-bottom-style: dashed;
	border-bottom-width: 2px;
	border-bottom-color: #C5C5C5;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
}
.colonnePhoto
{
	width: 70px;
}
.colonneDescription
{
	width: 237px;
}
.colonneMarque
{
	width: 88px;
}
.colonnePrix
{
	width: 110px;
}
.colonneFlash
{
	width: 95px;
}

.fixedHeaderCarac
{
	overflow: auto;
	height: 300px;
}

.fixedHeaderProducts
{
	overflow: auto;
	height: 440px;
}
/* end tableau */

/* ZOOM */
.divZoom
{
	z-index: 100;
	position: relative;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
}

.bordureSideZoom, .bordureTopBottomZoom
{
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #C0C0C0;
}
.bordureSideZoom
{
	width: 14px;
	display: inline;
	float: left;
}
.bordureTopBottomZoom
{
	height: 14px;
	display: block;
}
.imgZoom
{
	vertical-align: middle;
	text-align: center;
	border: 1px solid #C0C0C0;
	margin: auto;
	float: left;
	display: inline;
}
.divOverflow
{
	overflow: visible; *overflow:hidden;
}
/*fin zoom */


/*Menu */
.hiddenLevel1, .hiddenLevel2, .UlhiddenLevel1, .UlhiddenLevel2, .UlhiddenLevel2Firefox, .hiddenFirstLevel2
{
	display: none;
	position: absolute;
	list-style-type: none;
}

.displayedLevel1
{
	display: block;
	list-style-type: none;
	cursor: pointer;
	margin-left: 0px;
}
.displayedLevel2, .displayedFirstLevel2
{
	display: block;
	list-style-type: none;
	cursor: pointer;
}
.displayedFirstLevel2
{
	margin-left: 0px;
}
.displayedLevel2
{
	margin-left: 10px;
}

.Level0, .hiddenLevel0
{
	display: block;
	list-style-type: none;
	cursor: pointer;
}
.UlLevel0
{
	list-style-type: none;
	margin: 0px;
	cursor: pointer;
	padding-left: 5px;
}
.UlLevel0Firefox
{
	list-style-type: none;
	margin-left: -35px;
	cursor: pointer;
}
.UldisplayedLevel1
{
	list-style-type: none;
	margin-left: 24px;
	cursor: pointer;
	width:145px;
}
.UldisplayedLevel1Firefox
{
	list-style-type: none;
	margin-left: -17px;
	cursor: pointer;
}
.UldisplayedLevel2
{
	list-style-type: none;
	margin-left: 0px;
	cursor: pointer;	
	width : 146px;
}
.UldisplayedLevel2Firefox
{
	list-style-type: none;
	margin-left: -40px;
	cursor: pointer;
}
.menuContainer
{
	margin: 0px;
}
.puceNiveau2
{
	background-image: url('Images/bullet_meulevel3.gif');
	background-repeat:no-repeat;
	height: 8px;
	width: 9px;
	float:left;
	padding-right:1px;
}
.puceNiveau1
{
	margin-right: 5px;
	display: inline;
	float: left;
	padding-top: 3px;
}
.MenuSousChapitreBloc
{
	font-size: 9px;
	color: #000000;
	display: block;
	padding-top: 0px;
	float:left;
	padding-bottom:0px;
}
.MenuSousChapitreBlocSelectionne
{
	font-size: 9px;
	color: #043D65;
	display: block;
	padding-top: 0px;
	float:left;
	padding-bottom:0px;
}
.PanelLevel0
{
	display: table;
}
.LienMenu
{
	padding: 0px;
	margin: 0px;
	display: table-cell;
}
.MenuChapitre
{
	font-size: 11px;
	color: #000000;
	white-space: normal;
	display: inline;
	float: left;
	vertical-align: middle;
}
.MenuSousChapitreSelectionne
{
	font-size: 10px;
	color: #043D65;
	font-weight: normal;
}
/* end menu*/

/* ZoneFiltre*/
.divZoneFiltreLeft
{
	float: left;
	margin-left: 34px;
	margin-top: 13px;
}
.divZoneFiltreCenter
{
	float: left;
	margin-left: 12px;
	margin-top: 13px;
}
.divZoneFiltreRight
{
	float: right;
	margin-right: 10px;
}
.divFiltreCheckBox
{
	display: inline;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}
.cb
{
	vertical-align: top;
}
.cb label
{
	vertical-align: top;
}

