/**
*	Style Com-and-print
*	Didier Ciochetto - Technimédia
*/

* {
margin:0;
padding:0;
}

html
{
	background-color: #14191C;
	font-family: Verdana, sans-serif;
	font-size: 9pt;
	color: white;
}

body
{
	width: 723px;
	margin: 0 auto 20px;
	padding: 184px 0 0 210px;
	position: relative;
}

p, ul
{
	margin: 5px;
	padding: 5px;
	text-align: justify;
}

h1
{
	font-size: 13pt;
	padding: 5px;
	color: #f91;
	margin: 15px 5px 5px;
}

h2
{
	font-size: 11pt;
	font-weight: normal;
	text-align: center;
	font-style:italic;
	color:#F39911;
}

h3
{
	padding: 5px;
	margin: 15px 5px 0;
	color: #f91;
}

h4
{
	font-size: 10pt;
}

a
{
	color: #f91;
	text-decoration:none;
}
a:hover, .bas a:hover
{
	color: white;
	text-decoration:underline;
}

a img
{
	border: none;
}

hr
{
	clear: both;
	margin: 1em 1em;
	color: #14191C;
	border: none;
	border-bottom: 1px dotted #f91;
}


.sup 
{
	color: red;
}
form
{
	margin: 0;
}

button
{
	background-color: #999;
	border: none;
}

input[type="text"], input[type="password"], input[type="submit"], select, textarea
{
	background-color: #6B777F; /* 4B575F A0A5A9 */
	color: white;
	border: 1px solid silver;
}

input:focus, textarea:focus
{
	background-color: #344;
}

input[type="radio"]
{
	margin-left: 5px;
	margin-right: 2px;
}



/**
 *	Positionnement du menu et des élements de déco.
 */

table.onglets
{
	position: absolute;
	top: 150px;
	left: -2px;
	width: 940px;
	font-size: 1em;
}
table.onglets td
{
	height: 28px;
	background: #ddd url('onglets.png');
	text-align: center;
	font-size: 11pt;
	font-weight: bold;
	vertical-align: center;
	white-space: nowrap;
}
table.onglets td a
{
	color: black;
	text-decoration: none;
	font-size:10pt;
	font-weight:900;
}
table.onglets td a:hover
{
	color: #f91;
}



/* Logo */
p.com-print
{
	position: absolute;
	top: 30px;
	right: 225px;
	margin: 0;
	padding: 0;
}

div.mon_compte
{
	position: absolute;
	top: 15px;
	left: 25px;
}

p.acces-compte
{
	/*
	position: absolute;
	top: 30px;
	left: 75px;
	*/
}
p.acces-compte a
{
	text-decoration: none;
}

div.acces
{
	/*
	position: absolute;
	top: 60px;
	left: 25px;
	*/
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 1.5em;
	border: 1px solid #f91;
	padding: 5px;
	width: 200px;
}
div.acces input, p.donnees input
{
	border: none;
	font-size: small;
	width: 100px;
}
div.acces button
{
	display: block;
	margin: 3px auto 0;
	padding: 0;
	height: 19px;
	width: 10px;
}

.mon_panier
{
	background:url('panier.jpg') no-repeat bottom left;
	position: absolute;
	top: 30px;
	right: 15px;
	border: 1px solid #f91;
	padding:5px;
	text-align:right;
}


/**
 *	Accueil
 */

div.grand, div.zoneMenu
{
	background-color: #505C64;
	padding: 10px 10px;
	margin-top: 15px;
}

div.grand
{
	background:url('fond-grand.gif') left bottom no-repeat #4C575F;
}


/* 
div.grand a.b
{
	display: block;
	width: 100%;
	color: black;
	font-size: 12pt;
	font-weight: bold;
	background: url('bouton-choix.png') no-repeat center;
	height: 30px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
}
div.grand a.b small
{
	font-weight: normal;
}
*/
div.grand a.b
{
	display: block;
	color: black;
	font-size: 11pt;
	font-weight: bold;
	background: url('bouton-choix-orange.png') no-repeat center;
	height: 30px;
	width:267px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	margin: 0px auto;
}
div.grand small
{
	font-weight: normal;
	font-style:italic;
	font-size:100%;
	display:block;
	margin:2px 0px 15px 0px;
}

.offre_bienvenue_lien 
{
	text-transform:uppercase;
	color:#F39911;
}

.texte_accueil 
{
}

.texte_accueil h1
{
	margin:5px 0 10px 0; 
	padding:0 0 5px 0;
}

.texte_accueil h2
{
	font-style : normal;
	font-weight:bold;
	color:#FFF;
}

.texte_accueil p
{
}

.texte_accueil_petit
{
	display:block;
	text-align:justify;
	font-size:9pt;
	width:315px;
}
.texte_accueil_normal
{
	font-size:10pt;
	display:block;
}



/**
 *	Accueil::Packs
 */
p.pack a
{
	display: block;
	background-color: black;
	text-align: center;
	text-decoration: none;
	color: white;
	margin-bottom: 10px;
}
p.pack a strong
{
	color: #f91;
}
p.pack  strong.pack_titre
{
	display:block;
	font-size:11pt;
	padding:7px 0px;
}
#pack_eco 
{
	height:123px;
	background-image: url('pack_eco.gif');
}
#pack_com 
{
	height:155px;
	background-image: url('pack_com.gif');
}
#pack_pme
{
	height:151px;
	background-image: url('pack_pme.gif');
}
#pack_pro 
{
	height:137px;
	background-image: url('pack_pro.gif');
}
	
	

/**
 *	Produit
 */

table.produits td
{
	text-align: center;
	width: 31%;
}
table.produits td a
{
	text-decoration: none;
}
table.produits td img, .suppl img
{

}

table.produit-onglets td
{
	width: 119px;
	height: 31px;
	background: url('produit-onglet.png') no-repeat;
	color: #111;
	text-align: center;
	cursor: pointer;
	font-weight:bold;
}

table.produit-onglets td.actif
{
	background-image: url('produit-onglet-actif.png');
	color: white;
}

div.produit-detail
{
	background-color: #14191C;
	margin: 20px;
}

div.produit-detail p
{
	_height: 12em;		/* desactivé => redimmensionnement automatique des blocks */
	vertical-align: center; /* Sert à rien. */
}

img.i
{
	max-width:300px;
	_width: 300px
}



h3.choix, h3.suppl, h3.large, h3.demi, h3.quart, h3.grand, h3.large, h3.large2
{
	text-align: center;
	padding: 2px 0 0;
	text-transform: uppercase;
	color: black;
	font-size: 10pt;
	height: 22px;
	margin: 15px 0 0;
}
p.choix, p.suppl, p.demi
{
	margin: 0;
	padding: 10px;
	text-align: left;
}

h3.choix, h3.quart
{
	background: url('2-haut.png') no-repeat;
	width: 276px;
}

h3.transfert
{
	background: url('fond_transfert_logo.gif') no-repeat;
	color: #000;
	width:290px;
	margin-left: 0px;
}

p.choix
{
	width: 255px;
	background: url('2-bas.png') no-repeat left bottom;
}

h3.demi
{
	background: url('h3demi.gif') no-repeat;
	margin: inherit auto;
	width: 330px;
}
p.demi
{
	width: 330px;
	background: url('demi-bas.png') no-repeat left bottom;
	margin: inherit auto;
}

h3.grand
{
	
	background: url('h3grand.gif') no-repeat center;
	margin: inherit auto;
}

h3.large
{	
	background: url('h3large.gif') no-repeat;
	margin: inherit auto;
	width: 712px;
}

h3.large2
{	
	
	background: url('h3large2.gif') no-repeat center;
	margin: inherit auto;
	
}

h3.promo 
{
	line-height:38px;
	text-align:center;
	text-transform:none;
	background: url('4-haut-large.png') no-repeat center;
	font-size: 12pt;
	margin-top:10px;
	height: 38px;
}
p.large, table.large
{
	width: 590px;
	margin: -2px auto 0;
	background-color: #34414A;
}
table.large
{
	width: 600px;
	text-align: center;
}

p.categories
{
	color: #f91;
	font-weight: bold;
	line-height: 1.5em;
}
p.categories a
{
	color: white;
	text-decoration: none;
}

h3.suppl
{
	background: url('3-haut.png') no-repeat;
	width: 394px;
}
p.suppl, table.suppl
{
	width: 373px;
	background: url('3-bas.png') no-repeat left bottom;
}
table.suppl
{
	padding-top:10px;
	padding-bottom:5px;
	width: 393px;
}
table.suppl td
{
	text-align: center;
}
table.suppl td a
{
	text-decoration: none;
}



/**
 *	Étapes
 */

table.choix-logo
{
	background-color:#505C64;
	width: 98.5%; /*  why???? 100% */
}
table.choix-logo td
{
	text-align: center;
	padding: 20px 0px 5px 0px;
}
table.choix-logo td a
{
	text-decoration: none;
}
table.etapes
{
	width: 713px;
	margin-bottom: -16px;
	margin-top: 15px;
}
table.etapes td
{
	width: 20%;
	height: 30px;
	background: url('etape-onglet.png');
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	color:#000;
}
table.etapes td a
{
	color: black;
	text-decoration: none;
}
table.etapes td.actif
{
	color: #f91;
	background: url('etape-onglet-actif.png');
}


/**
 *	Données
 */

h1.modele
{
	float: right;
	color: #f91;
	text-transform: uppercase;
	font-size: 13pt;
	text-align: center;
}

h1.modele_modif
{
	float:none;
	margin-bottom:0;
	padding-bottom:0;
}

input.modele_input
{
	background-color:transparent;
}
input.modele_input:focus
{
	background-color: #344;
}

p.donnees input
{
	width: 300px;
	border: 1px solid silver;
}

p.suivante
{
	float: right;
}
p.suivante button
{
	border: none;
	background: none;
	color: white;
	font-weight: bold;
	padding: 10px;
	cursor: pointer;
}

table.verso td
{
	text-align: center;
	padding: 20px 0;
}

input.thickbox, input.thickbox_like
{
	background-color: #ddd;
	width: 150px;
	font-size: 8pt;
	border-style: solid;
	cursor: pointer;
	color: black;
	text-align:center;
}


/**
 *	Compte
 */

.zoneNouveauClient, .zoneIdentif, .zoneLivraison, .zonePaiement, .zoneMenu
{
	width: 576px;
	margin: -1px auto 0;
	background-color: #505C64;
	padding: 10px;
}
.zoneIdentif
{
	background-color: #5d666b;
}
.zoneNouveauClient, .zoneIdentif
{
	width: 581px;
}


a.lienBouton
{
	background: url('f-suivante.png') no-repeat right;
	padding: 10px 30px;
}

table.produitsCompte
{
	background-color: #505C64;
	width: 602px;
	margin: auto;
}

table.produitsCompte td
{
	padding:5px;
}



table.tableForm
{
	width: 601px;
	margin: auto;
}
.zoneIdentif table.tableForm
{
	width: 570px;
}
table.tableForm th
{
	border: none !important;
}
table.tableForm td
{
	height:40px;
	padding-left: 15px;
}
table.tableForm td.i
{
	padding-left: 0px;
}
table.fondForm td
{
	background: #4B575F url('formulaire-ligne-g.png') no-repeat left center;
}
table.fondForm td.i
{
	background: #4B575F url('formulaire-ligne-d.png') no-repeat right center;
}
/*
table.fondForm tr
{
	background: #4B575F url('formulaire-ligne.png') no-repeat center center;
} /* IE comprend pas. */

table.tableForm th
{
	background: url('4-haut.png') no-repeat;
	padding: 4px 5px 5px 5px;
	color: black;
}

.important
{
	font-weight: bold;
	border-left: 2px solid #f91;
	border-right: 2px solid #f91;
	margin: 1% 2%;
}

.flotte, .retour
{
	float: right;
}

.centre
{
	text-align: center;
}

table#facture
{
	border: 1px solid gray;
}
table#facture th
{
	background: #ccc;
}

.bulle, #bulle
{
	/* Ressemblant à une bulle d'aide. */
	position: absolute;
	left: 15%;
	margin-top: -2em;
	background-color: #ddd;
	/* On peut pas mettre la couleur InfoBackground car Safari met du noir. */
	color: black;
	font-size: small;
	font-style: normal;
	line-height: 1em;
	text-align: left;
	/* width: 30ex; */
	padding: 3px;
	border: 1px outset gray;
	z-index: 5;
}


/**
 *	Commande = panier
 */

table.panier
{
	background: url('4-haut.png') no-repeat left top;
	width: 601px;
	margin: auto;
	border-collapse: collapse;
	margin-top: 1em;
}
table.panier td
{
	border: 1px solid white;
	text-align: center;
}
table.panier td img
{
	float: left;
	margin-right: 10px;
	width: 80px;
	height: 80px;
	padding:5px;
}

table.panier th
{
	/* background-color: #505C64; */
	height:23px;
	color:#000;
}

.associes img
{

}
.associes a.f
{
	display: block;
	float: left;
	text-align: center;
	margin: 5px 15px;
	text-decoration: none;
}

.panier_titre_produit
{
	display:block;
	color:#F39911;
	font-weight:bold;
	margin:0;
	padding:0;
}



/**
 *	Autres éléments
 */

.colonne
{
	position: absolute;
	top: 185px;
	left: 0;
	width: 193px;
}

.colonne p.menu a
{
	color: white;
	text-decoration: none;
	line-height:12pt;
}
.colonne p.menu a.tarifs
{
	line-height:20pt;
	padding: 3px;
	background-color:#B2B2B2;
	color:#000;
}

.colonne h4
{
	background: url('1-haut.gif') no-repeat;
	text-align: center;
	padding-top: 2px;
	text-transform: uppercase;
	font-size: 10pt;
	color: black;
	height: 22px;
	margin: 15px 0 0;
	font-weight:bolder;
}
.colonne p
{
	background: #4B575F url('1-bas.gif') no-repeat left bottom;
	margin: 0 0 10px;
	padding: 9px;
	text-align: left;
}

.bas
{
	clear: both;
	font-size: 8pt;
	text-align: center;
	margin-top: 2em;
	padding-top: 2em;
}

.bas a
{
	color: #ccc;
}

/**
 *	Contacts
 */

h2.entr, h2.part
{
	display: inline;
	position: relative;
	top: -2px;
	left: 10%;
	padding: 4px 2%;
	-moz-border-radius-topleft: 1ex;
	-moz-border-radius-topright: 1ex;
	cursor: pointer;
	border: 1px solid gray;
	border-bottom: none;
}
.part
{
	background-color: #000;
}
.entr
{
	/* background: #000; */
}
#formContact
{
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	margin: auto 10%;
	background-color:#14191C;
}


/**
 *	Tarifs
 */

table.demi, table.quart
{
	background-color: #818C94;
	border-collapse: collapse;
	float: left;
	vertical-align: top;
	margin-right: 5px;
	margin-left: 25px;
	margin-bottom: 20px;
}
table.demi td.h3, table.quart td.h3
{
	padding: 0;
	border: none;
}
table.demi td.h3 h3, table.quart td.h3 h3
{
	margin: 0 0 0 -1px;
}
table.demi
{
	width: 329px;
}
table.quart
{
	width: 274px;
}
table.demi th, table.quart th
{
	font-weight:normal;
	font-style:italic;
	background-color: #4B575F;
	padding: 5px 2px;
	border-right: 1px solid #f91;
	white-space: nowrap; /* pour IE7 */
}
table.demi td, table.quart td
{
	padding: 3px 2px;
	text-align: center;
	border-right: 1px solid #f91;
	border-bottom: 1px solid #f91;
}

table.demi td.n, table.quart td.n
{
	text-align:right;
	color: gray;
	background-color: #14191C;
	border: none;
}

table.demi td h3.demi
{
	font-size:12px;
	line-height:16px;
}

table.demi td h3.demi em
{
	text-transform: capitalize;
}

div.cadre_tarifs
{
	color: black;
	font-size: 10px;
	position: absolute;
	left: 0;
	text-align: left;
}

div.cadre_tarifs_haut 
{
	width: 189px;
	height: 131px;
	background: url('tarifs-cadre.png') no-repeat center center;
}

div.cadre_tarifs_haut p
{
	text-align:left;
	padding:3px 5px 2px 5px;
}

div.cadre_tarifs_haut strong.titre
{
	padding:5px 0px 0px 0px;
	text-transform: uppercase;
	display:block;
	font-size: 10.5pt;
	text-align:center;
}

p.cadre_tarifs_bas, p.cadre_tarifs_bas em
{
	display: block;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	font-style:normal;
}

/* 
p.cadre
{
	background: url('tarifs-cadre.png') no-repeat center center;
	width: 189px;
	height: 131px;
	color: black;
	font-size: 9px;
	padding: 5px 7px;
	position: absolute;
	left: 0;
	margin-top: 0;
	text-align: left;
}
p.cadre strong
{
	font-size: 10pt;
	text-transform: uppercase;
}
p.cadre strong.titre
{
	display:block;
	font-size: 10.5pt;
	text-align:center;
	margin:0px auto 10px -10px;
}
p.cadre em
{
	display: block;
	margin-top: 2em;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	font-style:normal;
}
*/

td.case_tarifs
{
	font-size:10.5pt;
	text-align:center; 
	background:url('fond-prix-produit.png') left bottom no-repeat transparent ; 
	height:120px; 
	width:201px; 
}
td.case_tarifs em
{
	color:#F39911 ;
	font-style:normal;
}
td.case_tarifs strong
{
	font-weight:bold;
	font-size:120%;
}


/**
 *	Réalisations
 */

p.logos img
{
	margin: 10px;
}


/**
 *	Promotions
 */

p.promo img
{
	padding:0px 5px;
}


/**
 *	Qui sommes nous? 
 */

.quisommesnous h3
{
	font-size:11pt;
	margin-top:10px;
	margin-bottom:-10px;
}


/**
 *	Nouveautés
 */

.intro_nouveautes
{
	font-size:11pt;
	margin:15px auto 15px 55px;
	color:#F39911;
}

.texte_intro, h1.h1modif
{
	font-size:11pt;
	color:#F39911;
	font-weight:normal;
}

.texte_intro
{
	margin:15px auto 15px 55px;
}

/*
 * Produit : page présentation
 */
.presentation_mini_titre
{
	color:#F39911;
	display:block;
	margin-bottom:5px;
}

strong.presentation
{
	font-weight:normal;
	color:#F39911;
}

.presentation_img
{
	padding:5px 10px;
	vertical-align:middle;
}


/**
 *	Assortiments...
 */

table.assortiments 
{
	margin-top:10px;
	vertical-align:top;
	text-align:center;
}

table.assortiments td
{
	font-size:8pt;
	margin:2px;
	padding:5px 15px;
}

table.assortiments td img
{
	display:block;
	padding:3px;
	margin:auto;
	text-align:center;
}

a.produit-assorti
{
	display:block;
	background:url('bouton-continue-achats.png') no-repeat center center;
	height:24px;
	line-height:24px;
	width:190px;
	text-align:center;
	color:#FFF;
	font-style:italic;
	margin:5px 10px;
}


/**
 *	Livraison
 */

#livraison table
{
	background-color:#505C64;
}

#livraison table td
{
	padding:2px 0px;
	background-color:#505C64;
}



/**
 *	Autres...
 */
 
 h3.fond
 {
 background:url('3-h.png') no-repeat center;
 color: black;
 text-align: center;
 margin:0px 0px 3px 0px;
 }
 
h3.notransform , h4.notransform
{
	text-transform:none;
}


div.grand, table.etapes, table.choix-logo
{
	margin-left:10px;
}

label.label_recto
{
	display:block;
	margin:8px 0px 3px 0px;
	padding:0px;
}

p.large_plus_marge
{
	padding-top:25px;
	padding-bottom:25px;
}

#texteId strong
{
	font-weight:normal;
	color:#F39911;
}