@charset "UTF-8";

/*############################# BASE      ################################# */
body,textarea {font-family:Verdana,Arial,Helvetica,sans-serif;}
body {background-color:#363636;font-weight:normal;color:#FFFFFF; font-size:10px;}

a,a.link,a.visited { color:#FFFFFF}
a:hover,label:hover {text-decoration:none;color:#f0ff00;cursor: pointer; }

img {border:none}

form { }

p {margin:0px}

input ,textarea{font-size:10px;border:1px solid #000000}

label {margin-left:6px;padding-bottom:2px}

table {border:0px}

h1 {font-size:18px; background:url(img/h1.jpg) no-repeat top left;width:868px;height:58px;padding:5px 0px 0px 10px;color:#FFFFFF;margin:0px;clear:left;margin-left:1px}
h2 {font-size:12px;background:url(img/titreFond.jpg) no-repeat top left;height:27px;padding:5px 0px 0px 10px;color:#FFFFFF;margin:0px;clear:left}
/*
h3 {text-align:center;background:url(img/titreFond3.jpg) no-repeat top left;height:25px;clear:left;padding:6px 4px 0px 6px;color:#000000;text-transform:uppercase;margin:0px}
*/
h3 {font-size:10px}
h2 a,h3 a {text-decoration:none}
/*############################# CLASSES   ################################# */
.page {float:left;background:#0c2c39 url(img/structure/structure_encart_bas.jpg) no-repeat bottom left;padding:2px 8px 16px 8px;width:858px;min-height:600px;margin-left:2px}
.page h1 {margin:-2px 0px 0px -7px }
.page h2 {background:#25424E url();clear:left;font-size:12px;height:20px;width:848px;margin-bottom:10px}
	
.produit {width:140px;height:135px;vertical-align:middle;text-align:center;background-color:#25424E}
.produit h3 {background:none;height:auto;text-transform:none;color:#FFFFFF}
.produit .prix {color:#FFFFFF;font-size:10px;font-weight:normal;font-style: italic;}
	
table.produits{border:0px;}
table.produits tr td.produit {border-left:4px solid #0C2C39;border-top:4px solid #0C2C39 }
table.produits tr td.produit:first-child {border-left:none}
table.produits tr td.produit .image {height:130px;width:140px;display:table-cell;vertical-align: middle;text-align:center;padding:4px 0px 4px 0px}

.overlib {width:161px }
.overlib div.header {background:transparent url(img/structure/bulle_tranche_h.gif) no-repeat top left;height:7px}
.overlib div.body {background-color:#3d6575;padding:0px 4px 0px 4px;}
.overlib div.body div.nomVisuel {color:#f0ff00 }
.overlib div.body div.graphiste {background:url(img/structure/separateur_bulle.gif) no-repeat bottom left;padding-bottom:4px;margin-bottom:4px }
.overlib div.body div.plusdinfos {background:transparent url(img/structure/icone_loupe.jpg) no-repeat top left;padding-left:20px;color:#f0ff00 }
.overlib div.footer {background:transparent url(img/structure/bulle_tranche_b.gif) no-repeat top left;height:7px }


/* tous les formulaires quickForm (inscription, identification, assistant de commande, ajout d'adresse de livraison) */
.formulaire {padding: 0px 20px 10px 0px;position:relative;clear:left}
.formulaire .blocElement {clear: left;margin:4px 0px 6px 10px;position:relative}
.formulaire input {	margin-top: 4px;}
.formulaire .label {padding-top: 8px;font-weight: bold;	margin-top: 4px;width: 230px;float: left;text-align: right;	padding: 2px;color:#96BCCC;}
.formulaire .element {width: auto;float:left}
.formulaire .groupElement { }
.formulaire .groupElement .blocElement .element {width:auto}
.formulaire .groupElement .blocElement .label {width:auto}
.formulaire .erreur {	color: #FF0000;	float: left;	width: 600px;	margin-left: 236px;}
.formulaire h2 {width:auto;background:transparent;clear:left;border-bottom:1px solid #788B93;color:#788B93;height:15px;margin-bottom:10px;padding:6px 2px 0 0;text-align:left;}
.formulaire h3 {background:none;font_size:11px;width:auto;text-align:left;color:#FFFFFF;padding:0px;margin-top:4px}
.formulaire .required {	color: #FFFFFF;font-size:9px}
.formulaire .requiredNote {margin: 20px 0px 0px 100px;	font-size: 10px;clear:left;padding-top:20px}
.formulaire .inputText,.formulaire select,.formulaire textarea  { border:1px solid #000000;width:200px}
.inputSubmit {background:transparent url(img/bt_gris_large.png) no-repeat top left;width:196px;height:19px;border:0px;color:#FFFFFF;font-weight:bold}
.inputSubmit:hover {color:#f0ff00;text-decoration:none;cursor: pointer; }
input.annuler {background:transparent url(img/bt_gris_large.png) no-repeat top left;color:#000000 }
input.annuler:hover {color:red }

/** les boutons du site **/
a.bouton {text-decoration:none;font-weight:bold;padding:2px 0px 0px 0px;margin:4px 0px 4px 0px;display:block;height:18px;background:transparent url(img/bt_gris_large.png) no-repeat top left ;text-align:center;color:#FFFFFF;width:202px;}
a.bouton:hover,a.boutonZoom:hover,a.boutonEcouter:hover,a.boutonAjouterAuBac:hover {color:#f0ff00;text-decoration:none}

a.boutonNavigation {font-weight:bold;text-align:center;text-decoration:none;background:transparent url(img/bt_mini.png) no-repeat top left;width:27px;height:19px;font-size:14px;padding:0px 3px 2px 3px}
a.disabled {cursor:default;color:#999999 }
a.disabled:hover {color:#999999;}

a.boutonAjouterAuCaddie {font-weight:bold;text-transform:uppercase;display:block;text-align:center;text-decoration:none;background:transparent url(img/bt_ajouterAuCaddie.jpg) no-repeat top left;width:166px;height:19px;font-size:10px;padding:8px 26px 2px 6px;color:#000000}
a.boutonAjouterAuCaddie:hover {color:#FFFFFF}


/** l'affichage par défaut pour tous les tableaux du site **/
table {font-size:10px}
table.tableau {width:860px}
tr.entete td,tr.cellule td {text-align:center}
tr.entete td {border:1px solid #0C2C39;border-top:0px;border-bottom:2px solid #000000;font-weight:bold;color:#96BCCC;text-transform:uppercase}
tr.cellule td {border:1px solid #0C2C39;border-top:0px;border-bottom:2px solid #000000;background:#2B3D46;padding:4px;color:#96BCCC}

/** validation des envois email **/
.emailOk {color:#E0FF00;font-weight:bold}
.emailErreur {color:red;font-weight:bold}

/*############################# STRUCTURE ################################# */
#contenant {position:absolute;top:20px;left:0px;border:11px solid #a9a9a9;width:886px;background-color:#000000;padding:1px;left:50%;margin-left:-455px;}
#overDiv {position:absolute; visibility:hidden; z-index:1000;}

#enteteLiens {position:absolute;top:-28px;left:-11px ;width:912px}
#enteteLiens a {font-weight:bold}
#enteteLiens div {float:right;margin-right:10px}
#enteteLiens div.blog {width:300px;float:left;}
#enteteLiens div.creerCompte a {display:block;background:url(img/structure/icone_votre_compte.jpg) no-repeat top left;padding-left:16px}
#enteteLiens div.espaceClient a {display:block;background:url(img/structure/icone_cadenas.jpg) no-repeat top left;padding-left:16px}
#enteteLiens div.espaceGraphiste a {display:block;background:url(img/structure/icone_cadenas.jpg) no-repeat top left;padding-left:16px}

#entete {background:#2e3539 url(img/structure/structure_entete.jpg) no-repeat top left;width:886px;height:115px;z-index:10 }
#entete #enteteLienHomepage img {width:240px;height:115px }
#entete #enteteMenu {position:absolute;top:94px;left:320px;width:300px;z-index:100}
#entete #enteteMenu ul {margin:0px;padding:0px}
#entete #enteteMenu ul li {float:left;display:block;margin-right:4px;height:26px}
#entete #enteteMenu ul.menu li {text-transform:uppercase;font-size:12px;padding-top:2px;font-family:Arial;font-weight:bold;color:#4b4b4b;background:url(img/structure/enteteMenu_separateur.jpg) no-repeat top right;padding-right:12px;position:relative}
#entete #enteteMenu ul li a {text-decoration:none}
#entete #enteteMenu ul.menu li a,#entete #enteteMenu ul.menu li a:hover {color:#4b4b4b}
#entete #enteteMenu ul.menu li:hover {cursor:pointer;}
#entete #enteteMenu ul.menu li:hover ul.sousmenu,
#entete #enteteMenu ul.menu li ul.sousmenu:hover {display:block;height:auto;}
#entete #enteteMenu ul.menu li ul.sousmenu {width:220px;display:none;border:1px solid #A9A9A9;border-top:10px solid #363636;background-color:#363636;position:absolute;top:20px;left:-10px;padding:0px 4px 10px 4px}
#entete #enteteMenu ul.menu li ul.sousmenu li {text-transform:none;height:auto;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#FFFFFF;padding:0px;background:none;width:220px}
#entete #enteteMenu ul.menu li ul.sousmenu li a {display:block;background:transparent url(img/menu_raquo.png) no-repeat top left;padding-left:12px;color:#FFFFFF}
#entete #enteteMenu ul.menu li ul.sousmenu li a:hover {color:#f0ff00;background:transparent url(img/menu_raquo_hover.png) no-repeat top left}
#entete #enteteLangages ul {position:absolute;top:-26px;left:360px}
#entete #enteteLangages ul li {float:left;display: block;margin-left:10px}
#entete #enteteSecu {position:absolute;top:1px;right:1px}

#entete #enteteBlocCaddie {position:absolute;top:76px;right:4px;font-size:13px;width:156px;text-align:right;padding-left:40px;background:transparent url(img/caddieMini.png) no-repeat top left}
#entete #enteteBlocCaddie .ligneTotal {text-align:right;color:#C0BCB5;text-align:right}
#entete #enteteBlocCaddie .ligneTotal span {color:#FFFFFF;font-weight:bold}
#entete #enteteBlocCaddie .ligneArticles {border-bottom:2px dotted #000000;padding-bottom:2px;float:right;width:auto}
#entete #enteteBlocCaddie .lienCaddie {position:absolute;top:0px;left:0px}
#entete #enteteBlocCaddie .lienCaddie img {width:200px;height:50px}
#entete #enteteBlocCaddie .lienCaddie img:hover {}

#blockNavigation {background-color:#2e3539;padding:2px 6px 0px 6px }

#corps {min-height:600px;background-color:#2e3539;z-index:1;padding:4px;font-size:10px;float:left;width:878px }

#pied { margin-bottom:-80px;text-align:center;padding:0px 0px 0px 0px;clear:both;float:left;width:858px}
#pied ul {display:block;margin:16px 0px 20px 0px;padding:0px 0px 20px 180px}
#pied ul li {display:block;list-style: none;float:left;margin-right;10px}
#pied a {margin-right:20px;}

/*############################# PAGES ################################# */
#pageAccueil div.edito {margin-bottom:20px;padding:4px}
	
#pageAccueil div.categories {padding-top:4px;}
#pageAccueil div.categories table td {width:170px;text-align:center;}
#pageAccueil div.categorie p {color:#FFFFFF}


#pageAccueil div.derniersProduits h2,
#pageAccueil div.adecouvrir h2 {font-size:12px;text-align:center;background:url(img/titreFond3.jpg) no-repeat top left;height:25px;clear:left;padding:6px 4px 0px 6px;color:#000000;text-transform:uppercase;margin:0px}

#pageAccueil div.derniersProduits {margin-left:6px;clear:left;padding-right:4px;float:left;width:430px;margin-top:10px;background: transparent url(img/accueil/separateur_vertical.gif) repeat-y scroll right top; }
#pageAccueil div.derniersProduits table.produits td.produit {border-color:#2E3539}
	
#pageAccueil div.adecouvrir {float:left;width:430px;margin:10px 0px 0px 4px }
#pageAccueil div.adecouvrir table.produits td.produit {border-color:#2E3539}

#pageAccueil div.concours h2,
#pageAccueil div.newsletter h2  {background:url(img/titreFond2.jpg) no-repeat top left;text-align:center;padding-top:2px}

#pageAccueil div.concours {margin:10px 0px 10px 6px;float:left;width:430px;padding-right:4px;background: transparent url(img/accueil/separateur_vertical.gif) repeat-y scroll right top; }

#pageAccueil div.concours p {padding:4px}
		
#pageAccueil div.newsletter {float:left;width:430px;margin:10px 0px 10px 4px }
#pageAccueil div.newsletter .formulaire div.label {display:none}
#pageAccueil div.newsletter .formulaire .inputSubmit {background:transparent url(img/bt_grisfleche_small1.png) no-repeat top left;width:85px}
#pageAccueil div.newsletter p {padding:4px}
	
#pageAccueil div.diaporama {clear:left;margin-left:4px}

#pageCatalogue { }
div.infosCategorie {margin-bottom:10px;float:left}
div.infosCategorie div.image {float:left}
div.infosCategorie div.infos {float:left;width:680px;margin-top:20px}
div.infosCategorie div.infos p {padding:4px}

#pageCatalogue .categories {clear:both}
#pageCatalogue .sousCategories td.categorie {vertical-align:top;text-align:center;background-color:#FFFFFF; }
#pageCatalogue .sousCategories td.categorie img {padding:10px}
#pageCatalogue .sousCategories .categorie h3 {background:none;width:auto;color:#000000;padding:0px;margin:0px;height:auto}

#pageCatalogue .categories {background:#FFFFFF;width:130px;float:left;margin:4px 4px 0px 0px;border:4px solid #000000}
#pageCatalogue .categories ul {margin:0px;padding:0px;}
#pageCatalogue .categories ul li {display:block;text-align:center;color:#000000;margin-top:6px;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF}
#pageCatalogue .categories ul li:hover {border-top:1px solid #000000;border-bottom:1px solid #000000}
#pageCatalogue .categories h3 {background:none;height:auto}
#pageCatalogue .categories a {color:#000000;text-decoration:none}
	
#pageCatalogue .listeProduits {float:left;background:#02202D;}
#pageCatalogue div.listeProduits.impression {width:858px}
	
#pageCatalogue .listeProduits .types {float:left;width:138px;background:#02202D;border-top:4px solid #0C2C39;padding-bottom:50px}
#pageCatalogue .listeProduits .types  {text-align:center}
#pageCatalogue .listeProduits .types h2 {background:#FFFFFF;color:#000000 }
#pageCatalogue .listeProduits .types .type {border:2px solid #02202D;margin-bottom:4px;}
#pageCatalogue .listeProduits .types .type img {margin-bottom:6px}
#pageCatalogue .listeProduits .types .type:hover,
#pageCatalogue .listeProduits .types .current {border:2px solid #FFFFFF;cursor: pointer;}

#pageCatalogue .listeProduits .aucun {text-align:center;padding-top:20px}

#pageCatalogue .listeProduits table.impression {border-left:4px solid #0C2C39;border-bottom:4px solid #0C2C39;}
	
	
#pageCatalogue div.listeSousCategorie {clear:both;position:relative;margin-bottom:10px}
	
#pageCatalogue div.ligneSousCategorie {}
#pageCatalogue div.ligneSousCategorie .categorie {float:left; }
#pageCatalogue div.ligneSousCategorie h2 {margin:4px 0px 4px 0px;font-size:14px;height:22px}

#pageCatalogue div.ligneSousCategorie .types {background:#02202D;width:auto }

#pageCatalogue div.ligneSousCategorie .types h3 {margin-bottom:10px;background:none;height:auto;font-size:12px;font-weight:normal;color:#FFFFFF;text-transform:none}
#pageCatalogue div.ligneSousCategorie .types img {margin-top:4px}
#pageCatalogue div.ligneSousCategorie .types table td{width:140px;text-align:center;padding:4px;border:2px solid #02202D}
#pageCatalogue div.ligneSousCategorie .types table td.type:hover {border:2px solid #FFFFFF}
#pageCatalogue div.ligneSousCategorie .types table td table {height:100%}

#pageCatalogue div.ligneSousCategorie .produits {float:right;background:#25424E;width:726px;height:138px;}
#pageCatalogue div.ligneSousCategorie .produits {}

#pageCatalogue .navigation {background-color: #25424E;padding:4px;clear:both;position:relative;height:20px}
#pageCatalogue .navigation .pager {float:right}
#pageCatalogue .navigation .pager a.current {color:#f0ff00;}
#pageCatalogue .navigation .infos {float:left;margin-left:300px;padding-top:4px}

#pageCatalogue .listeProduits .produit {}
#pageCatalogue .listeProduits .decoupeVisuel, 
#pageCatalogue .listeProduits .pochoir	{ background-color:#FFFFFF }
#pageCatalogue .listeProduits td.produit h3 {margin:0px;background:url()}

#pageCatalogue div.filtres {padding:4px;margin:4px 0px 0px;background:#877142;color:#000000}

#pageProduit div.navigation {width:850px;background:#25424E;padding:4px;margin-bottom:4px;height:26px;float:left}
#pageProduit div.navigation div.retour {float:left}
#pageProduit div.navigation div.precedentSuivant {float:right;margin-top:3px;}
#pageProduit div.navigation div.precedentSuivant a.boutonNavigation {float:left}

#pageProduit div.ficheProduit {float:left}

#pageProduit h2 {background:none;padding:0px;color:#96BCCC}
#pageProduit h2 span {font-size:11px;color:#FFFFFF;font-weight:bold}
#pageProduit td.image {width:360px;background:#24424E;text-align:center;vertical-align:middle;padding:6px}
#pageProduit td.infos {width:490px;background:#02202D;vertical-align:top;padding:4px}
#pageProduit td.infos h2 {width:auto}
#pageProduit td.infos .dateAjout {margin:16px 0px 10px;padding-bottom:10px;background: transparent url(/img/structure/separateur_horizontal_pixel.gif) repeat-x scroll left bottom;}
#pageProduit td.infos div.type {color:f0ff00;font-weight:bold;font-size:12px}
#pageProduit td.infos div.tags {padding-top:10px;margin-top:10px;background: transparent url(/img/structure/separateur_horizontal_pixel.gif) repeat-x scroll left top; }
#pageProduit td.infos .formulaire {padding-right:0px;margin-top:10px}
#pageProduit td.infos .formulaire .label {width:60px}
#pageProduit td.infos .formulaire .element {width:400px}
#pageProduit td.infos .formulaire h2 {background:#4E636C;color:#96BCCC;border:none;height:auto;width:auto;padding:4px;text-transform:uppercase}
#pageProduit td.infos .formulaire h2  span {color:#96BCCC}
#pageProduit td.infos .prix {text-transform:uppercase;clear:left;background:#56544E;font-size:14px;font-weight:bold;color:#f0ff00;margin:20px 0px 10px 0px;padding:4px;}
#pageProduit #flashDecoupe {}
#pageProduit .formulaire select {width:auto}

#pageProduit div.aussiDisponible,
#pageProduit div.duMemeGraphiste {margin-top:10px;background:#25424E;padding:4px;font-size:12px;color:#96BCCC}
#pageProduit div.duMemeGraphiste .plusInfos a {font-size:9px}

#pageInfosMateriaux {width:auto;margin:0px }
#pageInfosMateriaux h1 {background:#24424E;height:auto;margin:none;padding:4px;text-align:center;width:auto}
#pageInfosMateriaux div.description {padding:4px;margin-top:10px }

#pageDynamique h3 {background:none;text-align:left}
#pageDynamique div h1 {display:none}

#pagePlan { }
#pagePlan ul {margin:10px 0px 10px 20px}

#pagePanier div.fraisDePort {text-align:right;padding:4px 0px 4px 0px;width:700px}

#pagePanier div.codeDeReduction .inputSubmit {}
#pagePanier div.panier { }

#pagePanier div.codeDeReduction {	margin-top:20px;background-color:#F0FF00;	color:#000000;	margin-left:29px;	padding:20px 4px 4px;	text-align:center;width:797px;}
#pagePanier div.codeDeReduction span.label {display:block;text-align:center;margin-bottom:10px}
	
div.panier table {width:850px;margin:10px 0px 20px 10px}
div.panier table h4 {margin:0px}
div.panier tr.ligneTotal td.totalttc  {background:#23363E}
div.panier tr.cellule td  {border-bottom:2px solid #0C2C39 ;padding:4px}
div.panier tr.cellule td.quantite {padding:4px;width:50px}
div.panier tr.cellule td.quantite .inputText {width:20px;border:1px solid #000000;text-align:center }
div.panier tr.cellule td.quantite .inputSubmit {width:26px;background-color:#FFFFFF;color:#000000;border:1px solid #000000;margin-left:2px;height:auto}
div.panier tr.cellule td.article {text-align:left}
div.panier tr.entete {background:#42545C;}
div.panier tr.entete td {font-weight:bold;height:auto;border-bottom:2px solid #0C2C39}
div.panier tr.ligneTotal td {height:20px;}
div.panier tr.ligneTotal td.totalProduits, 
div.panier tr.ligneTotal td.totalPort,
div.panier tr.ligneTotal td.totalTTC {text-align:right;background:#23363E;padding-right:8px;font-size:12px;}
div.panier tr.totalProduits td {padding-top:30px}


div.panier td.puttc, div.panier td.totalttc{width:70px}
div.panier td.totalttc {font-weight:bold}
div.panier td.totalttc,div.panier td.puttc {text-align:center}

#pagePanier div.panier tr.cellule td.supprimer,div.panier tr.ligneTotal td.supprimer {width:60px;background:#23363E}
#pagePanier div.panier tr.cellule td.supprimer img {}
#pagePanier div.panier tr.cellule td.supprimer span {display:none}

div.panier tr.netAPayer td {padding:2px 0px 2px 0px}
div.panier tr.netAPayer td.totalTTC	 {background:#42545C;text-transform:uppercase;color:#FFDD3D}
div.panier tr.netAPayer td.totalttc	 {background:#42545C;color:#96BCCC}
div.panier tr.netAPayer td.supprimer {background:#42545C}

div.panier tr.totalTTC td {background:#42545C;}

#pagePanier div.fraisDePort span {padding-right:6px}
#pagePanier div.fraisDePort span.fraisDePortOffert {display:block;margin-top:5px;height:20px;color:#FFFFFF;padding-top:4px;text-transform:uppercase;font-weight:bold}
#pagePanier div.boutons {text-align:center;}
#pagePanier div.boutons input {margin-top:10px;text-align:left;text-transform:uppercase;color:#FFFFFF}
#pagePanier div.boutons input.continuer {background:transparent url(img/caddie_continuer.jpg) no-repeat top left;border:0px;font-size:9px;width:169px;height:28px;padding-left:6px}
#pagePanier div.boutons input.terminer {background:transparent url(img/caddie_terminer_commande.jpg) no-repeat top left;border:0px;font-size:10px;width:201px;height:35px;padding-left:6px}

#pagePanier div.securite {background:url(img/pages/caddie/securite_entete.jpg) no-repeat top left;width:680px;height:96px}
#pagePanier div.securite h2 {background:none;padding:20px 0px 0px 70px;color:#FFCC33;text-transform:uppercase}
#pagePanier div.securite h2 span {background:none}
#pagePanier div.securite p {margin-left:30px;padding:4px}
#pagePanier div.securite div.pied {background:url(img/pages/caddie/securite_pied.jpg) no-repeat top left;height:24px;margin-top:26px}
#pagePanier .erreur ul {margin-left:40px}

#recapitulatif div.panier {margin-left:-20px}

#pageIdentification div.nouveauClient,#pageIdentification div.dejaClient {margin-left:6px}
#pageIdentification div.nouveauClient h2 {background:#877142 url(img/clients/creer_compte.jpg) no-repeat top left;padding-left:26px;height:20px;width:828px}
#pageIdentification div.nouveauClient p {padding:20px 0px 20px 0px}
#pageIdentification div.dejaClient h2 { background:#2F4B57 url(img/clients/deja_compte.jpg) no-repeat top left;padding-left:26px;height:20px;width:828px} 
#pageIdentification #formulaireIdentification .inputSubmit {margin-bottom:20px;background:transparent url(img/bt_grisfleche_small1.png) no-repeat top left;width:85px;padding:0px 14px 0px 0px}

#pageCommander.page {min-height:1600px}

#pageEspaceClient {}
#pageEspaceClient ul.niveau1 {display:block;background:#2F4B57;margin:0px;height:26px;padding:0px}
#pageEspaceClient ul.niveau1 li {display:block ;font-size:11px;float:left;font-weight:bold;height:26px;padding:0px 4px 0px 4px;}
#pageEspaceClient ul.niveau1 li span {display:block;padding-top:6px}
#pageEspaceClient ul.niveau1 li.current {background:#877142; }
#pageEspaceClient ul.niveau1 li.current a { color:#000000}
#pageEspaceClient div.content {width:850px;margin-top:10px;min-height:300px}
#pageEspaceClient div.content .block {padding:4px}

#pageEspaceClient div.content table td.modifier {border:0px;background:none;width:90px}
#pageEspaceClient div.content table td.modifier a.bouton {background:url(img/bt_gris_small.png) no-repeat top left;width:84px;color:#000000}
#pageEspaceClient div.content table td.modifier a.bouton:hover {color:red}
#pageEspaceClient div.content table td.modifier a.supprimer { background:url(img/bt_gris_small.png) no-repeat top left;color:#FFCC33}
#pageEspaceClient .formulaire select {width:auto;}

#pageEspaceClient div.content table tr.paid td {}
#pageEspaceClient div.content table tr.unpaid td {}
#pageEspaceClient a.annule {color:red}


#pageEspaceGraphiste {}
#pageEspaceGraphiste ul.niveau1 {display:block;background:#2F4B57;margin:0px;height:26px;padding:0px}
#pageEspaceGraphiste ul.niveau1 li {display:block ;font-size:11px;float:left;font-weight:bold;height:26px;padding:0px 4px 0px 4px;}
#pageEspaceGraphiste ul.niveau1 li span {display:block;padding-top:6px}
#pageEspaceGraphiste ul.niveau1 li.current {background:#877142; }
#pageEspaceGraphiste ul.niveau1 li.current a { color:#000000}
#pageEspaceGraphiste div.content {margin-top:10px;min-height:300px}
#pageEspaceGraphiste div.content .block {padding:4px}

#pageEspaceGraphiste div.content table td.modifier {border:0px;background:none;width:90px}
#pageEspaceGraphiste div.content table td.modifier a.bouton {background:url(img/bt_gris_small.png) no-repeat top left;width:84px;color:#000000}
#pageEspaceGraphiste div.content table td.modifier a.bouton:hover {color:red}
#pageEspaceGraphiste div.content table td.modifier a.supprimer { background:url(img/bt_gris_small.png) no-repeat top left;color:#FFCC33}
#pageEspaceGraphiste .formulaire select {width:auto;}
#pageEspaceGraphiste table td.infos {text-align:left}

#pageEspaceGraphiste table.tableau {margin-bottom:20px }

#pageEspaceGraphiste div.content table tr.paid td {}
#pageEspaceGraphiste div.content table tr.unpaid td {}
#pageEspaceGraphiste a.annule {color:red}

#pageEspaceGraphiste .emailEnvoye {background:#FFFFFF;color:#000000;margin:10px 0px 10px 0px;padding:4px }
#pageEspaceGraphiste .tablePost {width:600px}
#pageEspaceGraphiste .tablePost td.label {text-align:right;vertical-align:top;padding:4px;color:#96BCCC;font-weight:bold;width:200px}

#assistantCommande {clear:left;}
#assistantCommande .formulaire {width:820px}
#assistantCommande .formulaire .erreur {margin-left:66px;width:700px; }
#assistantCommande div {float:left}
#assistantCommande div.description {margin-bottom:4px;width:820px;font-weight:bold;text-transform:uppercase;background:#25424E;}
#assistantCommande div.description p {padding:4px}
#assistantCommande .navigationCases {margin-left:100px}
#assistantCommande .navigationCases div:FIRST-CHILD {display:none}
#assistantCommande .navigationLabels {margin-bottom:20px;width:788px;margin-left:100px}
#assistantCommande .navigationLabels .label,
#assistantCommande .passe,
#assistantCommande .present,
#assistantCommande .futur  {text-transform:uppercase;font-size:11px; text-align:center;font-weight:bold  }
#assistantCommande .navigationLabels .label {width:120px;text-align:center;margin-left:56px;padding:2px;height:30px }
#assistantCommande .navigationLabels div:FIRST-CHILD {margin-left:0px}

#assistantCommande .label a,a.link,a.visited {text-decoration:none;font-weight:bold}
#assistantCommande .label a:hover { text-decoration:none}
#assistantCommande .label_passe {}
#assistantCommande .label_passe a,a.link,a.visited,#assistantCommande .label_passe a:hover {}

#assistantCommande .label_present { }
#assistantCommande .label_present a,a.link,a.visited,#assistantCommande .label_present a:hover {}

#assistantCommande .label_futur {}
#assistantCommande .label_futur a,a.link,a.visited,#assistantCommande .label_futur a:hover {color:#CCCCCC}


#assistantCommande .fleche {margin-right:2px; width:58px; height:36px; }
#assistantCommande .fleche_passe { background:transparent url(img/pages/commander/assistantFleche.png) no-repeat top left}
#assistantCommande .fleche_present {background:transparent url(img/pages/commander/assistantFleche.png) no-repeat top left}
#assistantCommande .fleche_futur {background:transparent url(img/pages/commander/assistantFleche_Futur.jpg) no-repeat scroll left top}

#assistantCommande .case {background-color:#25424E;margin-right:0px; font-size:25px;width:120px; height:35px; font-weight:bold; text-align:center}
#assistantCommande .case a,a.link,a.visited {font-size:25px; text-decoration:none; font-weight:bold;}
#assistantCommande .case a:hover {text-decoration:none}

#assistantCommande .case_passe {  }

#assistantCommande .case_present {background:#877142  }

#assistantCommande .case_futur {background:#CCCCCC;  }
#assistantCommande .case_passe a,a.link,a.visited,#assistantCommande .case_passe a:hover,
#assistantCommande .case_present a:hover,#assistantCommande .case_present a,a.link,a.visited {}
#assistantCommande .case_futur a,a.link,a.visited,#assistantCommande .case_futur a:hover {}

#assistantCommande input.terminer { width:202px;}
#assistantCommande input.terminer:hover {color:red}

#assistantCommande #recapitulatif .blocElement .label {width:60px}
#assistantCommande #commandeAJouterCommentaire {width:540px}

#recapitulatifCommande textarea {width:500px;height:100px}
#recapitulatifCommande div.panier {margin-left:-20px}

#pagePaiement .listeModesPaiement {background:url(img/fd3.gif) repeat top left;padding-bottom:20px}
#pagePaiement .listeModesPaiement div.texte {padding:4px}
#pagePaiement .listeModesPaiement .choixModePaiement {text-align:center;margin:10px 0px 20px 0px}
#pagePaiement .listeModesPaiement input.inputSubmit {background:url(img/bt_gris_large.png) no-repeat top left;width:202px }
#pagePaiement #texteAccueil {background:url(img/fond_degrade_marron.jpg) repeat-x top left;padding:4px;font-size:14px;text-transform:uppercase}


/*######## le blog #################### */
#pageBlog #main h1 {background:none;height:auto}
#pageBlog #main h2 {height:auto;padding:4px;width:570px;}