/* ---------------------- taille des polices ---------------------- */
body {
	margin:0;
	padding:0;
	font-family: verdana, arial, sans-serif;
	font-size:75%;
	background-position:center top;
	color:#000;
}

/* ---------------------- balises primaires --------------------- */
td, th {
	vertical-align:top;
}
th {
	text-align:center;
	font-weight:bold;
}
p {
	margin:0;
	padding:0;
}
h1 {
	color:#9b0718;
	font-size:150%;
	margin:0 0 10px 0;
	padding:0;
}
h2 {
	color:#000;
	font-size:130%;
	margin:10px 0 10px 0;
	padding:0;
}
h3 {
	color:#b55c13;
	font-size:120%;
	margin:10px 0 10px 0;
	padding:0;
}
h4 {
	color:#df9b15;
	font-size:110%;
	margin:10px 0 10px 0;
	padding:0;
}
h5 {
	color:#9b0718;
	font-size:100%;
	margin:10px 0 10px 0;
	padding:0;
	font-style:italic;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
img {
	border:0;
}
form {
	margin:0;
	padding:0;
}
ul {
}
li {
	list-style-type:square;
	padding:5px 0 5px 0;
	margin:0;
}
ul ul {
	list-style-type:disc;
}
ul ul ul {
	list-style-type: none;
}
ol {
	padding:0;
	margin:0 0 0 50px;
}
ol li {
	list-style-image:none;
	list-style-type:decimal;
}
a:link, a:visited {
	color:#9c0719;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
table {
	margin:0;
	padding:0;
}
table td {
	margin:0;
	padding:0;
}
hr {
	border:none !important;
	height:1px !important;
	background-image:url(../images/hr_dotted.gif);
}
/* style ATOMS */
.tableBord {
	border:1px solid #9b715f !important;
	border-collapse:collapse;
	margin:10px 20px 10px 20px !important;
	>margin:10px 0px 10px 0 !important;
}
.tableBord td {
	border:1px solid #9b715f !important;
	text-align:left !important;
	padding:4px;
}
.tableBord th {
	border:1px solid #9b715f !important;
	background-color:#9b715f !important;
	text-align:left !important;
	color:#fff;
	padding:4px;
}
.aligneADroite {
	text-align:right;
}
.aligneAGauche {
	text-align:left;
}
.aligneJustifie {
	text-align:justify;
}
.aligneCentre {
	text-align:center;
}
/* IMAGES */
img.imgAlignRight {
	padding:0 0 2px 12px !important;
	margin:0 0 2px 12px !important;
	float:right;
	clear:right;
}
.imgAlignLeft {
	padding:0 0 4px 0 !important;
	margin:0 5px 0 0 !important;
	float:left;
	clear:left;
}
img.imgALaLigne {
	display: block;
	clear: both;
}
.imgLeft {
	clear:both;
	text-align:left;
	display:block;
	margin:10px 0 10px 0;
	padding:4px 0 4px 0;
}
.imgCenter {
	clear:both;
	text-align:center;
	display:block;
	margin:6px auto 6px auto;
	padding:2px;
}
.imgRight {
	clear:both;
	text-align:right;
	display:block;
	margin:10px 0 10px 0;
	padding:4px 0 4px 0;
}

/* ---------------------- Blocs principaux ---------------------- */
#conteneur {
	width:650px;
	margin:0 auto 0 auto;
	padding:0;
}
#menuPanier {
	display:none;
}
#chemin {
	display:none;
}
p.intro {
	font-weight:bold;
	margin:10px 20px 10px 20px;
	letter-spacing:0.04em;
}
table#contenu {
}
#pied {
	display:none;
}
#signature {
	display:none;
}

/* ---------------------- En tete ---------------------- */
#visuPrint {
	display:block;
}
#visu {
	display:none;
}
#carrousel {
	display:none;
}
#slogan {
	display:none;
}
#recherche {
	display:none;
}

/* ---------------------- Menu ---------------------- */
#menu {
	display:none;
}

/* ---------------------- Zone A ---------------------- */
/* pour page temp*/
#intro {
	margin:0;
	padding:0;
	padding:30px 0 25px 0;
	text-align:center;
}
/**/
table#contenu td.zoneA {
	padding:20px 10px 20px 0;
}
table#contenu td.zoneAHp {
	padding:20px 0 5px 0;
}
#liensRapides {
	background-color:#fbead2;
	margin:20px 0 0 0;
	padding:10px;
}
#telecharger, #lienInterne, #lienExterne {
}
#telecharger h1, #lienInterne h1, #lienExterne h1 {
	font-size:100%;
	padding:2px 0 2px 0;
	margin:5px 0 15px 0;
	border-bottom:1px dotted #000;
}
#telecharger ul, #lienInterne ul, #lienExterne ul {
	font-size:90%;
}
#telecharger a, #lienInterne a, #lienExterne a, #telecharger a:visited, #lienInterne a:visited, #lienExterne a:visited {
	color:#000;
	text-decoration:none;
}
#telecharger a:hover, #lienInterne a:hover, #lienExterne a:hover {
	color:#000;
	text-decoration:underline;
}
.legende /* style atoms */ {
	font-size:80%;
}

/* -------- Faq -------- */
.faqQuestion {
	font-weight:bold;
	padding:4px !important;
	margin:40px 20px 15px 0 !important;
}
h2 a:link, h2 a:visited {
	color:#9b715f !important;
	text-decoration:none !important;
	font-size:110%;
	margin:0 20px 10px 20px;
	padding:0;
}
h2 a:hover {
	color:#9b715f;
	text-decoration:underline !important;
}

/* -------- Formulaire de contact -------- */
.formulaire {
	width:70%;
	margin:10px 0 10px 10px;
	padding:5px;
	border:1px solid #e1b4b9;
}
.formulaire h2 {
	border-bottom:1px dotted #000;
	padding:0 0 4px 0;
}
.formulaire table {
	margin:10px 0 10px 0 !important;
	width:100%;
}
.formulaire table td {
	padding:4px;
}
.formulaire th {
	color:#9b0718;
	padding:4px;
	text-align:left !important;
	width:180px;
	font-size:90%;
	border-bottom:1px solid #fff;
}
.formulaire input, .formulaire textarea, .formulaire select {
	border:1px solid #666;
	background-color:#FFFFFF;
	padding:2px 0 2px 0;
}
input.buton, input.button, input.bouton {
	color:#9b0718;
	padding:2px 5px 2px 5px;
	background-image:url(../images/bouton_bg.gif);
	background-repeat:no-repeat;
	width:77px;
	height:25px;
	border:none;
	>cursor:hand;
	cursor:pointer;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	margin:10px 0 5px 0 !important;
}
.msg {
	font-size:110%;
	font-weight:bold;
	color:#9c0719;
	text-align:center;
}
input.buttonDesabonnement {
	color:#9b0718;
	padding:2px 5px 2px 5px;
	background-image:url(../images/bouton_bg2.gif);
	background-repeat:no-repeat;
	width:120px;
	height:25px;
	border:none;
	>cursor:hand;
	cursor:pointer;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	margin:10px 0 5px 0 !important;
}

/* -------- Extranet -------- */
#login {
	width:55%;
	margin:20px auto 20px auto;
	padding:15px;
}
#login table {
	margin:10px 20px 0 20px;
}
#login table td {
	padding:5px;
}
#login input.bouton {
	color:#9b0718;
	padding:2px 5px 2px 5px;
	background-color:#fff;
	background-image:none !important;
	width:77px;
	height:25px;
	border:1px solid #9b0718;
	>cursor:hand;
	cursor:pointer;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	margin:10px 0 5px 0 !important;
}
#login a, #login a:visited {
	text-decoration:underline;
	color:#000;
	font-size:90%;
	background-image:url(../images/login_fleche.gif);
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	margin:0 0 0 30px;
}
#login a:hover {
	text-decoration:underline;
	color:#9b0718;
}

/* -------- Temoignages -------- */
#temoignages {}
#temoignages p {
	font-size:90%;
	margin:10px 30px 10px 30px;
	text-indent:5%;
}
.guillemets {
	font-size:150%;
	font-weight:bold;
}
#temoignages #liensRapides {
	display:none;
}

/* -------- Catalogue -------- */
/* entree du catalogue */
#prevCategories {
}
#prevCategories li {
	border-bottom:1px dotted #000;
	padding:10px 0 10px 0 !important;
}
#prevCategories img {
	float:left;
	padding:0 20px 5px 0;
}

/* liste de la categorie*/
#blocListeCat {
	float:left;
	margin:0 8px 16px 10px;
	background-color:#fddc8a;
	padding:1px 1px 5px 1px;
	width:200px;
}
#blocListeCat img {
	float:left;
	margin:0 5px 0 0;
}
#blocListeCat h1 {
	font-size:110%;
	margin:0 0 15px 0;
	padding:0 5px 0 0;
}
#blocListeCat #details {
	clear:both;
	padding:2px;
}
#blocListeCat #details p {
	font-size:90%;
	padding:5px 0 5px 0;
}
#blocListeCat a, #blocListeCat a:visited {
	color:#000;
	text-decoration:underline;
}
#blocListeCat a:hover {
	color:#9b0718;
	text-decoration:underline;
}

/* Fiche produit */
#ficheproduit {	
	width:650px;
}
#ficheproduit h1 {
	float:left;
	padding:0;
	margin:0;
}
#ficheproduit p {
	padding:0;
	margin:0;
	color:#282828;
}
#ficheproduit table td.produitPhoto {
	width:201px;
	padding:0;
	margin:0;
}
#ficheproduit table td.produitCommande {
	width:201px;
	background-color:#fee596;
	padding:0;
	margin:0;
	border-top:1px solid #fff;
}
#ficheproduit #photoPrincipale {
	height:200px;
	width:200px;
	background-color:#FFFFFF;
	border:1px solid #9b0718;
	padding:0;
	margin:0;
}
#ficheproduit #prix {
	float:left;
	padding:5px;
	margin:1px 0 0 0;
	text-transform:uppercase;
	font-weight:bold;
	font-size:120%;
	background-color:#fee596;
}
.prixBarre {
	text-decoration:line-through;
}
.texteInfo {
	background-image:url(../images/pictoInfo.gif);
	background-repeat:no-repeat;
	color:#9b0718 !important;
	font-weight:bold;
	margin:5px 0 0 5px !important;
	padding:0 0 0 18px !important;
}
#ficheproduit #promoFicheProduit {
	float:right;
	padding:5px;
	margin:1px 0 0 0;
	font-weight:bold;
	background-color:#fee596;
}
#ficheproduit #ajoutPanier {
	clear:both;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color:#9b0718;
	padding:5px 5px 10px 5px;
	>padding:5px;
}
#ficheproduit #ajoutPanier table td {
	padding:1px;;
}
#ficheproduit #ajoutPanier p {
	color:#fff;
	font-size:90%;
	padding:4px 0 0 0;
}
#ficheproduit #ajoutPanier form input.nbreAjout {
	border:1px solid #ccc3bd;
	background-color:#FFFFFF;
	padding:2px 0 2px 0;
	width:29px;
	float:right;
}
#ficheproduit #ajoutPanier form select.couleurAjout {
	border:1px solid #ccc3bd;
	background-color:#FFFFFF;
	padding:2px 0 2px 0;
	width:70px;
	float:right;
}
#ficheproduit #ajoutPanier form input.boutonAjout {
	color:#9b0718;
	padding:2px 5px 2px 5px;
	background-image:url(../images/boutonAjout_bg.gif);
	background-repeat:no-repeat;
	width:165px;
	height:25px;
	border:none;
	>cursor:hand;
	cursor:pointer;
	text-align:center;
	font-size:90%;
	margin:10px 0 5px 14px !important;
}
#ficheproduit table td.infoT {
	padding:0 1px 0 1px;
}
#ficheproduit table td.infoT h3 {
	clear:both;
}
#ficheproduit #blocColoris {
	clear:both;
	height:80px;
	padding:31px 0 0 0 !important;
}
#ficheproduit #autreColori {
	float:left;
	margin:0 10px 0 0;
	padding:0 0 10px 0;
}
#ficheproduit #autreColori p {
	color:#282828 !important;
	font-size:80%;
	margin:10px 0 0 0;
	padding:0;
}
#ficheproduit #autreColori img {
	float:left;
	width:35px;
	height:35px;
	border:1px solid #fee596;
	margin:0 8px 0 0;
}

/* KIT */
#ficheproduit #blocProduitKit {
	clear:both;
	height:80px;
	padding:5px 0 10px 0 !important;
}
#ficheproduit #produitKit {
	float:left;
	margin:0 10px 0 0;
	padding:0 0 10px 0;
}
#ficheproduit #produitKit img {
	float:left;
	width:90px;
	height:90px;
	border:1px solid #fee596;
	margin:0 8px 0 0;
}
#ficheproduit p.livraison {
	clear:both;
	color:#282828;
	font-size:90%;
	padding:5px 0 5px 0;
	margin:10px 0 20px 0;
}
#ficheproduit #blocTechnique {
	clear:both;
	background-color:#fee596;
	height:133px;
	>height:133px;
	padding:1px;
}
#ficheproduit #blocTechnique a, #ficheproduit #blocTechnique a:visited {
	color:#282828;
	text-decoration:underline;
}
#ficheproduit #blocTechnique a:hover {
	color:#282828;
	font-style:italic;
	text-decoration:underline;
}
#ficheproduit #blocTechnique img {
	float:right;
}
#ficheproduit #blocTechnique ul {
	font-size:90%;
}
#ficheproduit #blocTechnique li {
	list-style-type:none;
	margin:5px 0 5px 0;
}
#ficheproduit #blocTechnique li.video {
	list-style-image:url(../images/pictoLi_video.gif);
}
#ficheproduit #blocTechnique li.impression {
	list-style-image:url(../images/pictoLi_print.gif);
}
#ficheproduit #blocTechnique li.pdf {
	list-style-image:url(../images/pictoLi_pdf.gif);
}
#ficheproduit #blocServices {
	margin:20px 0 10px 0;
}
#ficheproduit #blocServices h4 {
	margin:0;
}
#ficheproduit #blocServicesContenu  p {
	color:#9b0718;
	font-size:90%;
	padding:3px 0 3px 0;
}
#ficheproduit #blocServicesContenu {
	border-left:1px solid #e1b4b9;
	border-right:1px solid #e1b4b9;
	border-bottom:1px solid #e1b4b9;
	padding:0 10px 10px 10px;
}
#ficheproduit #produitLieExterne {
	font-size:100%;
	padding:8px 0 4px 4px;
	margin:5px 0 15px 0;
	background-image:url(../images/produitLieExterne_bg.gif);
	background-repeat:repeat-x;
}
#ficheproduit #produitLieExterne h5 {
	margin:0;
}
#ficheproduit #produitLieExterne ul {
	font-size:90%;
	padding:0;
	margin:2px 0 0 30px;
}
#ficheproduit #produitLieExterne a, #ficheproduit #produitLieExterne a:visited {
	color:#282828;
	text-decoration:underline;
}
#ficheproduit #produitLieExterne a:hover {
	color:#9b0718;
	text-decoration:underline;
}
#precedentSuivant {
	clear:both;
	margin:0 auto 0 auto;
	width:400px;
	color:#999;
	text-align:center;
}
#precedentSuivant input.suivant, #precedentSuivant input.precedent {
	color:#9b0718;
	background-color:#fbead2;
	font-weight:bold;
	background-repeat:no-repeat;
	border:none;
	>cursor:hand;
	cursor:pointer;
}
#precedentSuivant input.suivant {
	background-image:url(../images/flecheSuivant.gif);
	background-position:right top;
	padding:4px 25px 4px 4px;
	margin:10px 0 5px 5px !important;
}
#precedentSuivant input.precedent {
	background-image:url(../images/flechePrecedent.gif);
	background-position:left top;
	padding:4px 4px 4px 25px;
	margin:10px 5px 5px 0 !important;
}

/* Fiche promos */
#listePromos {}
#listePromos_item {
}

/* -------- Panier -------- */
/* visualisation */
#visuPanier, #commandeRecapitulatif {
	background-color:#fbead2;
	padding:10px;
	float:left;
}
#visuPanier h2 {
	color:#9c0719;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
}
#decoPanier {
	float:left;
	border:1px solid #dacbb6;
	padding:15px;
	margin:10px;
	background-color:#fff;
	width:90%;
}
#visuPanier table, #commandeRecapitulatif table {
	background-color:#fff;
	font-size:90%;
	font-weight:bold;
}
#visuPanier table a, #visuPanier table a:visited, #commandeRecapitulatif table a, #commandeRecapitulatif table a:visited {
	color:#000;
	text-decoration:none;
}
#visuPanier table a:hover, #commandeRecapitulatif table a:hover {
	color:#000;
	text-decoration:underline;
}
#visuPanier table td, #commandeRecapitulatif table td {
	padding:8px 2px 8px 2px;
	border-bottom:1px dotted #ddd;
}
#visuPanier table th, #commandeRecapitulatif table th {
	padding:8px 2px 8px 2px;
	background-color:#f0efe9;
}
.evidence /* style atoms */ {
	font-weight:bold;
	color:#9b0718;
}
table#panierTotal {
	float:right;
	width:250px;
}
table#panierTotal td {
	border-bottom:none;
}
table#panierTotal td.panier_totalTvac {
	color:#9b0718;
	border-top:1px solid #9b0718;
}
#visuPanier a.lienCommander, #visuPanier a.lienCommander:visited {
	float:right;
	display:block;
	color:#9b0718;
	padding:5px 2px 5px 2px;
	background-color:#fbead2;
	border:1px solid #9b0718;
	text-align:center;
	font-weight:bold;
	margin:10px 0 5px 0 !important;
	text-decoration:none;
}
#visuPanier a.lienCommander:hover {
	color:#fff;
	background-color:#9b0718;
	text-decoration:none;
}
#visuPanier p.panierMention {
	clear:both;
	font-size:80%;
	color:#82817e;
	margin:10px 0 0 0;
}

/* -------- Commande processus -------- */
#etapes {
	background-color:#fbead2;
	margin:0 0 10px 0;
}
.etapeSelect {
	color:#9c0719;
	font-size:110%;
	font-weight:bold;
}
#etapes table td {
	text-align:center;
	padding:4px;
	width:20%;
}

/* Etape 1 */
#commandeCoordonnees {
}
#commandeCoordonnees .formulaire {
	width:70%;
	margin:10px auto 10px auto;
	padding:5px;
	border:1px solid #e1b4b9;
}

/* Etape 2 */

/* Etape 3 
voir panier de commande */
#commandeRecapitulatif table#panierTotal {
	width:200px;
	margin:10px 0 0 0;
}
#commandeRecapitulatif table#panierTotal td {
	border-bottom:none;
}
#commandeRecapitulatif table#panierTotal td.panier_totalTvac {
	color:#9b0718;
	border-top:1px solid #9b0718;
}
table#panierPrecedentSuivant {
	clear:both;
}

/* Etape 4 */


/* -------- Plan du site -------- */
#planSite {
	margin:0 10px 10px 0;
}
#planSite h1 {
	font-size:100%;
	margin:20px 0 0 0;
	padding:5px 0 0 0;
	border-top:1px dotted #000;
}
#planSite h1 a, #planSite h1 a:visited {
	color:#9c0719;
	text-decoration:none;
}
#planSite h1 a:hover {
	color:#9c0719;
	text-decoration:underline;
}
#planSite ul {
	font-size:90%;
}
#planSite li {
	list-style-type:none;
	border-left:1px solid #9c0719;
	padding:0 0 0 15px;
}
#planSite ul a, #planSite ul a:visited {
	color:#000;
	text-decoration:none;
}
#planSite ul a:hover {
	color:#9c0719;
	text-decoration:underline;
}

/* -------- Resultat de la recherche -------- */
.resultat {
	float:right;
	margin:0 15px 0 0;
}
table#resultatRecherche {
	width:90%;
	border:1px solid #e2b7bb;
	margin:10px auto 10px auto;
}
table#resultatRecherche td {
	padding:5px;
}
.resultatSuivant {
	text-align:center;
	font-size:90%;
}
.resultatSuivant a, .resultatSuivant a:visited {
	color:#000;
	text-decoration:underline;
}
.resultatSuivant a:hover {
	color:#9b0718;
	text-decoration:underline;
}

/* ---------------------- Zone B ---------------------- */
table#contenu td.zoneb {
	width:0%;
	display:none;
}

/* sous menu */
#blocsousMenu {
	display:none;
}
#fondExtranet {
	display:none;
}
#fondVideo {
	display:none;
}
#fondPromo {
	display:none;
}
#fondPanier {
	display:none;
}
#panier {
	border:1px solid #fff;
	padding:0 0 5px 0;
}