@charset "UTF-8";
/* CSS Document */

div#contenu
	{
		width:990px;
		margin:0 auto 0 auto;
	}
	
div#content
	{
		margin-top:10px;
		background:url(../_res/bg_colonne.png);
	}
	
div#content.bis
	{
		background:url(../_res/bg_colonne_2.png);
	}
	
div#content div#colonne1
	{
		display:inline-table;
		float:left;
		width:225px;
		margin:0 10px 0 0;
		background-color:#FFF;
	}
	
div#content div#colonne2
	{
		display:inline-table;
		float:left;
		width:755px;
		background-color:#FFF;
	}
	
div#content div#colonne3
	{
		display:inline-table;
		float:left;
		width:755px;
		margin:0 10px 0 0;
		background-color:#FFF;
	}
	
div#content div#colonne4
	{
		display:inline-table;
		float:left;
		width:225px;
		background-color:#FFF;
	}
	
.espaceColonne
	{
		margin:6px 15px 6px 15px;
	}
	
a.carre
	{
		display:inline-table;
		overflow:hidden;
		float:left;
		width:231px;
		height:231px;
		margin:0 15px 15px 0;
		color:#333;
		background-repeat:no-repeat;
	}
	
a:hover.carre
	{
		color:#000;
		font-weight:bold;
	}
	
a.carre.noEspace
	{
		margin-right:0px;
	}
	
a.carre.noEspaceBottom
	{
		margin-bottom:0px;
	}
	
a.carre h1
	{
		margin-left:15px;
		line-height:42px;
		color:#FFF;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
a.carre p
	{
		margin:20px 20px 20px 20px;
		line-height:1.3em;
	}
	
	
#compte h1
	{
		font-weight:bold;
		font-size:16px;
		color:#F00;
		margin-bottom:15px;
		letter-spacing:-1px;
	}
	
#compte h1.vert
	{
		color:#390;
	}

#compte h1.espace
	{
		border-top:1px solid #CCC;
		padding-top:15px;
		margin-top:12px;
	}
	
#compte p
	{
		color:#333;
		margin-bottom:15px;
		line-height:1.2em;
	}
	
#compte p a.preference
	{
		color:#F00;
	}
	
#compte p.connexion
	{
		margin-top:20px;
		text-align:right;
		font-size:11px;
	}
	
#compte p.connexion a
	{
		color:#000;
	}

#compte p a.inscription
	{
		display:block;
		margin-top:5px;
		padding-left:17px;
		color:#666;
		font-weight:bold;
		background:url(../_res/icon-carre.gif) no-repeat 0 3px;
	}
	
#compte p a.inscription:hover
	{
		color:#F00;
	}
	
#compte p.connexion a:hover
	{
		color:#F00;
		text-decoration:underline;
	}
	
#clientForm
	{
		margin-top:20px;
	}
	
input.champsClient
	{
		display:block;
		width:180px;
	}
	
	
	
	
	
	
a.envoiFicheEmail
	{
		display:inline;
		float:right;
		margin-right:10px;
	}
	
	
	
	
	
	
#iconE-commerce
	{
		text-align:center;
	}

#iconE-commerce img
	{
		margin-top:20px;
	}
	
	
	
	
	
	
	
	
	
div.labelPosition
	{
		float:left;
		display:block;
		width:200px;
		text-align:right;
		padding-right:15px;
		line-height:20px;
	}
	
div.labelPosition span.obligatoire
	{
		color:#F00;
	}
	
label.error
	{
		display:block;
		color:#F00;
		margin-top:5px;
		font-size:10px;
	}
	
div.formZoneEspace
	{
		margin-top:10px;
	}
	
div.champsPosition
	{
		float:left;
	}
	
input.chChamps
	{
		width:400px;
	}
	
div.espaceFormulaire
	{
		margin-bottom:20px;
	}
	
div.espaceFormulaireLigne
	{
		border-bottom:1px solid #CCC;
		padding-bottom:20px;
		margin-bottom:18px;
	}
	
div#messageErreur
	{
		display:none;
		background-color:#F8B7A6;
		border:1px solid #FA957B;
		padding:20px;
		text-align:center;
		margin-top:10px;
	}
	
div#messageOk
	{
		background-color:#BCE8BB;
		border:1px solid #94DF93;
		padding:20px;
		text-align:center;
		margin-top:10px;
	}
	
div#messageInfo
	{
		background-color:#F9E593;
		border:1px solid #FDD63B;
		padding:20px;
		text-align:center;
		margin-top:10px;
		color:#333;
	}
	
div#messageInfo a
	{
		font-weight:bold;
		color:#000;
	}
	
#formulaireInscription,
#formulaireOubli,
#formulairePreference
	{
		margin-top:30px;
		margin-bottom:15px;
	}
	
div#messageErreurSession
	{
		display:none;
		background-color:#F8B7A6;
		border:1px solid #FA957B;
		padding:5px;
		text-align:center;
		margin-top:10px;
		margin-bottom:20px;
	}
	
span.nouvelleInfos
	{
		width:400px;
		color:#666;
		display:block;
	}
	
	
	
	
	
	
#principal h1
	{
		background-color:#E3E4E6;
		padding:10px;
		font-weight:bold;
		color:#333;
		font-size:14px;
	}
	
	
	
	
	
	
	
#filArianne
	{
		height:25px;
		background-color:#EEE;
		border:1px solid #dedede;
	}
	
#ariane
	{
		font-size:11px;
		margin-left:10px;
		font-weight:bold;
	}
	
#ariane div
	{
		display:block;
		float:left;
		height:25px;
		line-height:25px;
	}
	
	
	
	
	
	
	
	
#infoRub
	{
		margin:10px 0 10px 0;
	}
	
#rubNum
	{
		float:left;
		width:80px;
		height:50px;
		line-height:50px;
		font-size:40px;
		font-weight:bold;
		text-align:right;
		padding-right:20px;
		letter-spacing:-2px;
}
	
#rubNom
	{
		display:inline-table;
		float:left;
		width:570px;
		height:50px;
		padding-left:20px;
		font-size:27px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:-2px;
	}
	
#rubNom td
	{
		font-weight:bold;
	}
	
#rubImg
	{
		float:left;
		width:160px;
		height:130px;
		margin-top:10px;
		text-align:center;
	}
	
#rubSchema
	{
		float:left;
		margin-top:10px;
		width:380px;
		height:130px;
		/*background-color:#EEEEEE;*/
	}
	
	
#infoCol
	{
		margin:0 0 5px 0;
	}
	
#infoCol div.colArticle
	{
		float:left;
		width:150px;
		padding-left:10px;
		text-transform:uppercase;
		line-height:22px;
		font-size:11px;
		font-weight:bold;
		background-color:#000;
		color:#FFF;
		height:22px;
	}
	
#infoCol div.colDenomination
	{
		float:left;
		width:370px;
		padding-left:10px;
		text-transform:uppercase;
		line-height:22px;
		font-size:11px;
		font-weight:bold;
		background-color:#000;
		color:#FFF;
		height:22px;
	}
	
#infoCol div.colCompatibilite
	{
		float:left;
		background-color:#000;
		color:#FFF;
		padding-left:10px;
		text-transform:uppercase;
		line-height:22px;
		font-size:11px;
		font-weight:bold;
		width:175px;
		height:22px;
	}
	
	
	
	
	
	

div.article
	{
	border-top:1px solid #000;
	}
	
div.article div.img
	{
		float:left;
		width:160px;
		text-align:left;
	}
	
div.article div.img td
	{
		font-size:11px;
		color:#999;
	}
	
div.article div.img h2
	{
		font-weight:bold;
		border-bottom:1px solid #000;
		height:20px;
		line-height:20px;
		padding-left:10px;
	}
	
div.article div.detail
	{
		float:left;
		width:380px;
	}
	
div.article div.detail h2
	{
		font-weight:bold;
		border-bottom:1px solid #000;
		height:20px;
		line-height:20px;
		padding-left:10px;
	}
	
div.article div.detail div.description
	{
		margin:10px 0 0 10px;
		height:80px;
	}
	
div.article div.detail div.description p
	{
		line-height:1.2em;
		padding-right:20px;
	}
	
div.article div.detail div.commande
	{
		border-top:1px solid #000;
		margin:0 0 10px 10px;
		padding:5px 0 0 0;
		font-weight:bold;
		height:25px;
	}
	
div.article div.detail div.commande select
	{
		font-weight:bold;
		font-size:11px;
	}
	
div.article div.compat
	{
		float:left;
		width:185px;
		height:152px;
		background-color:#E9E9E9;
	}
	
div.article div.compat h2
	{
	border-bottom:1px solid #000;
	height:20px;
	padding-left:10px;
	background-color:#FFF;
	}
	
div.affPrix
	{
		display:block;
		float:left;
		line-height:20px;
		margin-right:15px;
	}

div.affPanier
	{
		display:block;
		float:left;
	}
	
div.affPanier img
	{
		display:block;
		float:left;
	}
	
a.ajouterPanier
	{
		display:block;
		float:left;
		padding:4px;
		color:#FFF;
		background-color:#0C0;
	}
	
	
div.article div.detailDocument
	{
		float:left;
		width:565px;
	}
	
div.article div.detailDocument h2
	{
		font-weight:bold;
		border-bottom:1px solid #000;
		height:20px;
		line-height:20px;
		padding-left:10px;
	}
	
div.article div.detailDocument div.description
	{
		margin:10px 0 0 0;
		padding:0 0 10px 10px;
		border-bottom:1px solid #EEE;
	}
	
div.article div.detailDocument div.description p
	{
		line-height:1.2em;
		padding-right:100px;
	}
	
#operation
	{
		margin:0 0 0 10px;
	}
	
#operation div.operation
	{
		float:left;
		margin:10px 10px 0 0;
	}
	
#operation div.operation h5
	{
		font-weight:bold;
		margin-bottom:5px;
	}
	
	
	
	
div#caddie
	{
		float:right;
		height:25px;
		line-height:25px;
		padding:0 15px 0 15px;
		font-weight:bold;
		font-size:11px;
		width:180px;
		background-color:#DEDEDE;
	}
	
div#caddie div#infoCaddie
	{
		display:none;
		position:absolute;
		width:350px;
		border-left:1px solid #DEDEDE;
		border-right:1px solid #DEDEDE;
		border-bottom:1px solid #DEDEDE;
		background-color:#DEDEDE;
		margin-top:25px;
		margin-left:-156px;
		text-align:left;
		z-index:30000;
	}
	
div#caddie div#infoCaddie div#zoneA
	{
		padding:10px;
		font-size:11px;
		
	}
	
div#caddie div#infoCaddie div#zoneB
	{
		background-color:#FFF;
		font-weight:normal;
		line-height:1.3em;
	}
	
div#caddie div#infoCaddie div#zoneB #panierContient
	{
		padding:10px;
	}
	
div#caddie div#infoCaddie div#zoneB #panierAfficherPanier
	{
		padding:10px;
		font-weight:bold;
	}
	
div#caddie div#infoCaddie div#zoneB #panierAfficherPanier a
	{
		color:#06C;
	}
	
div#caddie div#infoCaddie div#zoneB #panierAfficherPanier a:hover
	{
		color:#039;
	}
	
div#caddie div#infoCaddie div#zoneB div.affCaddieArticle
	{
		padding:10px;
		border-bottom:1px solid #DEDEDE;
		color:#444;
	}
	
div#caddie div#infoCaddie div#zoneB div.affCaddieArticle strong
	{
		color:#000;
	}
	
div#caddie div#infoCaddie div#zoneB div.affCaddieArticle a.delete
	{
		color:#666;
	}
	
div#caddie div#infoCaddie div#zoneB div.affCaddieArticle a.delete:hover
	{
		color:#F00;
	}
	
div#caddie div#infoCaddie div#zoneC
	{
		padding:10px;
		text-align:center;
	}
	
#panierCommandeBt
	{
		display:inline-table;
		text-align:center;
	}
	
#panierCommandeBt img
	{
		display:block;
		float:left;
	}
	
a.passerCommande
	{
		display:inline-block;
		float:left;
		height:20px;
		line-height:20px;
		color:#FFF;
		background-color:#0C0;
	}
	
	
	
	
	
	
	
	
#commandeCalcul div.commandeArticleSeparation
	{
		border-bottom:1px solid #EEE;
	}
	
#commandeCalcul div.commandeArticleSeparation div.img
	{
		display:block;
		float:left;
		width:100px;
	}
	
#commandeCalcul div.commandeArticleSeparation div.img td
	{
		font-size:10px;
		color:#999;
	}
	
#commandeCalcul div.commandeArticleSeparation div.detail
	{
		display:block;
		float:left;
		margin:20px 0 20px 20px;
	}
	
#commandeCalcul div.commandeArticleSeparation div.detail p
	{
		font-size:11px;
		margin-bottom:5px;
		color:#444;
	}

#commandeCalcul div.commandeArticleSeparation div.detail div.operation
	{
		border-bottom:1px solid #EEE;
		padding-bottom:7px;
		margin-bottom:10px;
		width:600px;
	}

#commandeCalcul div.commandeArticleSeparation div.detail div.operation h4
	{
		display:inline-block;
		float:left;
		line-height:22px;
		font-size:13px;
		width:440px;
	}
	
#commandeCalcul div.commandeArticleSeparation div.detail div.operation h4 span.prix
	{
		color:#00CC00;
	}
	
#commandeCalcul div.commandeArticleSeparation div.detail div.operation div.nbQuantite
	{
		display:inline-block;
		float:left;
		padding-right:10px;
	}
	
#commandeCalcul div.commandeArticleSeparation div.detail div.operation div.lignePrix
	{
		display:inline-block;
		float:left;
		width:110px;
		text-align:right;
		line-height:22px;
		font-size:13px;
		font-weight:bold;
	}
	
#commandeTotal
	{
		padding-top:25px;
		text-align:right;
		font-size:13px;
		font-weight:bold;
		color:#333;
	}
	
#commandeTotal #grandTotal
	{
		display:inline;
		float:right;
		color:#000;
		font-size:25px;
	}
	
#commandeTotal #totalInfo
	{
		display:inline;
		float:right;
		font-size:12px;
		margin-right:20px;
	}
	
#commandeTotal #bt_retourCatalogue
	{
		display:inline;
		float:left;
	}
	
#remarqueCommande
	{
	}
	
#remarqueCommande div.colonneCommande
	{
		display:inline;
		float:left;
		width:345px;
		margin-left:35px;
		margin-bottom:30px;
/*		background-color:#EEE;*/
	}
	
#remarqueCommande div.colonneCommande h3
	{
		font-weight:bold;
		font-size:12px;
		margin-bottom:5px;
	}
	
#remarqueCommande div.colonneCommande textarea
	{
		width:328px;
		height:100px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
#remarqueCommande div.colonneCommande.noBorder
	{
		margin:0px;
	}
	
h1.informationsComplementaire
	{
		margin:45px 0 20px 0;
	}
	
#livraison
	{
	}
	
#btValiderCommande
	{
		text-align:right;
		margin:0 0 20px 0;
	}
	
	
	
	
	
	
	
	
	
#infoPrixRemise
	{
		font-size:10px;
		margin:30px 0 0 0;
		text-align:right;
		background-color:#FFC;
		padding:7px;
	}
	
	
#btFichierOk
	{
	}
	
div.btFichierOk a
	{
		display:block;
		float:left;
		background-color:#00CC00;
		line-height:20px;
		color:#FFF;
		font-weight:bold;
	}
	
div.btFichierOk img
	{
		display:block;
		float:left;
	}
	
	
	
	
	
	
	
	
	
#video
	{
		margin:0 auto 0 auto;
		width:646px;
	}
	
#video #fla
	{
		width:646px;
		height:392px;
		margin-top:0px;
	}
	
	
	
#caddieTrash
	{
		float:right;
	}
	
	
	
	
	
#informationsCommande
	{
		background-color:#FF6;
		color:#333;
		text-align:center;
		padding:15px;
		border:1px solid #FC0;
		margin:15px 0 15px 0;
		line-height:1.4em;
	}
	
#informationsCommande a
	{
		color:#000;
		font-weight:bold;
	}
	
#informationsCommande a:hover
	{
		text-decoration:underline;
	}
	
	
	
	
/* ECLATE */
	
#zoneAffichage
	{
		margin-top:15px;
	}
	
.listeEclate
	{
		border-top:1px solid #333;
	}
	
.listeEclateNum
	{
		display:inline;
		float:left;
		padding:6px;
	}
	
.listeEclateIntitule
	{
		display:inline;
		float:left;
		padding:6px;
	}
	
.listeEclateIntitule a
	{
		color:#000;
		font-weight:bold;
	}
	
	
	
	
	
	
/* ECLATES */
	
.lienGroupe
	{
		position:absolute;
		/*border:1px solid #F00;*/
	}
	
.bubbleInfo
	{
	position: absolute;
	width: 500px;
	font-size:12px;
	line-height:1.3em;
	}
	
.trigger
	{
	position: absolute;
/*	border:1px solid #F00;*/
	}
	
/* Bubble pop-up */

.popup
	{
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
	}

.popup td.corner
	{
	height: 15px;
	width: 19px;
	}

.popup td#topleft { background-image: url(../_res/coda/bubble-1.gif); padding:0px; margin:0px; }
.popup td.top { background-image: url(../_res/coda/bubble-2.gif); padding:0px; margin:0px; }
.popup td#topright { background-image: url(../_res/coda/bubble-3.gif); padding:0px; margin:0px; }
.popup td.left { background-image: url(../_res/coda/bubble-4.gif); padding:0px; margin:0px; }
.popup td.right { background-image: url(../_res/coda/bubble-5.gif); padding:0px; margin:0px; }
.popup td#bottomleft { background-image: url(../_res/coda/bubble-6.gif); padding:0px; margin:0px; }
.popup td.bottom { background-image: url(../_res/coda/bubble-7.gif); text-align: left; padding:0px; margin:0px; }
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(../_res/coda/bubble-8.gif); padding:0px; margin:0px; }

.popup table.popup-contents
	{
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	padding:0px;
	margin:0px;
	}

table.popup-contents th
	{
	text-align: right;
	text-transform: lowercase;
	padding:0px;
	margin:0px;
	}

table.popup-contents td
	{
	text-align: left;
	padding:0px;
	margin:0px;
	}

tr#release-notes th
	{
	text-align: left;
	text-indent: -9999px;
	height: 17px;
	padding:0px;
	margin:0px;
	}

tr#release-notes td a
	{
	color: #333;
	padding:0px;
	margin:0px;
	}
	
a:hover.deleteElement
	{
		color:#F00;
	}
	
a.lienElement
	{
		font-weight:normal;
	}
	
a.lienImportant
	{
		font-weight:bold;
		color:#090;
	}
	
a.lienImportant:hover
	{
		text-decoration:underline;
	}
	
a.lienPasImportant
	{
		color:#000;
	}
	
	
div#achatcomplet
	{
		padding:20px 20px 20px 55px;
		background:#EEE url(../_res/icon-preference.gif) 15px 13px no-repeat;
		font-size:14px;
		letter-spacing:-1px;
	}
	
div#achatcomplet a
	{
		font-weight:bold;
		color:#090;
	}
	
div#achatcomplet a:hover
	{
		text-decoration:underline;
	}
	


div#imprimer
	{
		padding:15px 20px 10px 0px;
		text-align:right;
	}
	
a#impression
	{
		font-size:11px;
	}
	
a#impression:hover
	{
		text-decoration:underline;
	}
	
div#signaturep
	{
		width:990px;
		margin:0px auto 15px auto;
		text-align:right;
	}
	
div#signaturep a
	{
		font-size:11px;
		color:#666;
	}
	
div#signaturep a:hover
	{
		color:#FFF;
	}