Modifier couleur menu CSS (J'espère résolu!)

Résolu/Fermé
Eaglehood Messages postés 2 Date d'inscription samedi 15 décembre 2012 Statut Membre Dernière intervention 15 décembre 2012 - 15 déc. 2012 à 20:45
Eaglehood Messages postés 2 Date d'inscription samedi 15 décembre 2012 Statut Membre Dernière intervention 15 décembre 2012 - 15 déc. 2012 à 22:16
Bonjour,

Je lutte pour modifier la couleur dans le CSS du menu d'un template...

Pouvez-vous m'aider, le menu est vert puis orange au passage de la souris.

Je ne sais pas si c'est de la couleur CSS ou deux images donc si quelqu'un pouvait me dire la réponse et où trouver cette partie de code.

Je vous joins le code, merci par avance.

/*
Nom du thème: Pinkshop
Version: 1.0
Auteur: WiziShop - Steven Mouret
*/
* {
	margin: 0;
	padding: 0; 
}
body {
	font: normal 62.5% Arial, Helvetica, sans-serif;
	color: #424242;
	background: url(../images/nuage.jpg) repeat-x top center;
}
img {
  border: none;
}
a {
	color: #cf0908;
	text-decoration: underline;
}
a:hover, a:focus {
	text-decoration: none;
}
acronym, abbr {
	cursor: help;
	border-bottom: 0.1em dotted;
}
p, ul, ol {
	font-size: 1.2em;
}
ul, ol {
	list-style-position: outside;
}
ul {
	list-style-type: none;
}
label {
	cursor: pointer;
	font-size: 1.2em;
}
button {
	cursor: pointer;
}
input, textarea {
	border: 1px solid #CF0908;
	padding: 1px;
	width: 230px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 0.4em 0.2em;
}
input:hover, textarea:hover, input:focus, textarea:focus {
	border: 1px solid #2180BE;
}
.InputRadio, .checkbox {
	border: none;
	padding: 0;
	width: auto;
	vertical-align: middle;
}

.titre, #BlockAccueil h2 {
	text-transform: uppercase;
	color: #2180be;
	font-weight: normal;
	background: url(../images/etoile.gif) no-repeat 0 0;
	padding-left: 2em;
	border-bottom: 1px solid #fea000;
	padding-top: 4px;
	font-size: 1.5em;
	margin-bottom: 0.8em;
	height: 1%;
	clear: both;
}
.titre a {
	color: #2180be;
	text-decoration: none;
}

.button {
	cursor: pointer;
	overflow: visible;
	width: 1;
	display: -moz-inline-box; 
	display: inline-block;
	margin: 0 0 0 0.5em;
	padding: 0;
	white-space: nowrap; 
	text-align: center; 
	vertical-align: middle;
	border: 0; 
	background: none;
}
.button span {
	background: url(../images/btn-action-r.gif) no-repeat right top;
	position: relative;
	float: left;
	vertical-align: middle;
}
.button span span {
	background: url(../images/btn-action-l.gif) no-repeat left top;
	padding: 0;
	height: 27px;
	line-height: 27px;
	color: #fff;
	font-weight: bold;
	padding: 0 0.5em;
}
.button:hover span {
	background: url(../images/btn-action-r.gif) no-repeat 100% 100%;
}
.button:hover span span {
	background: url(../images/btn-action-l.gif) no-repeat 0 100%;
}

#variations {
	margin-bottom: 15px;
}

#variations .qte-combo {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
}

#variations h4 {
	font-size:14px;
	margin-bottom:15px;
	margin-top:15px;
}

.comboBox {
	width: 400px !important;
}

#variations input {
	width: 3em;
	margin-bottom: 10px;
}

#variations select {
	margin-bottom:10px;
	width:100%;
}


/* structure */
#header {
	width: 990px;
	margin: 0 auto;
	position: relative;
	background: url(../images/header-bg.gif) no-repeat 0 0;
}
#container {
	width: 990px;
	margin: 0 auto;
}
#sidebar {
	float: left;
	width: 230px;
	padding-top: 2em;
	margin-bottom: 2em;
}
#wrapper {
	padding: 3.5em 0 0 0;
}
#content {
	float: right;
	width: 740px;
	margin-bottom: 2em;
	position: relative;
}
#footer {
	/*height: 88px;*/
	width: 990px;
	/*position: relative;*/
	margin: 0 auto;
	clear: both;
	/*background: url(../images/footer-bg.gif) no-repeat 0 0;*/
}

/* header */
#header h1 {
	font-size: 3em;
	font-weight: normal;
	float: left;
	padding: 15px 0 0 0;
	margin: 0 0 15px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#header h1 a {
	text-decoration: none;
	color: #2280be;
}
#header h1 span {
	font-size: 0.45em;
	display: block;
	color: #424242;
	
}

#header .slogan {
	font-size:3em;
	font-weight:normal;
	cursor: default;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 15px 0;
	float: left;
}

#header .slogan span {
	font-size: 0.45em;
	color: #424242;
	display: block;
}
#header .slogan a {
	text-decoration: none;
	color: #2280BE;
	display: block;
}

#header #SearchForm {
	float: right;
	height: 35px;
	width: 260px;
	background: url(../images/search-bg.gif) no-repeat 0 0;
	padding: 5px 0 0 5px;
	margin: 15px 0 0 0;
}
#header #SearchForm input {
	background: #fff;
	padding: 4px 2px;
	border: none;
	width: 154px;
	margin-right: 5px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	width: 210px;
}
#header #SearchForm button {
	background: #915029;
	padding: 2px;
	border: none;
	color: #fff;
	vertical-align: middle;
}

#header #menucat {
	clear: both;
	height: 35px;
	width: 100%;
	background: url(../images/menu-g-repeat.gif) repeat-x 0 0;
}
#header #menucat ul {
	background: url(../images/menu-g-r.gif) no-repeat top right;
	height: 35px;
}
#header #menucat li {
	display: inline;
	line-height: 35px;
}
#header #menucat #first a span {
	background: url(../images/menu-g-l.gif) no-repeat top left;
}
#header #menucat li a span {
	display: block;
	padding: 0 0.7em;
}
#header #menucat li a {
	float: left;
	text-decoration: none;
	color: #fff;
	border-right: 1px solid #83b00f;
}
#header #menucat li a:hover, #header #menucat #lib a:hover, #header #menucat li .current, #header #menucat #lib .current {
	background: url(../images/menu-o-repeat.gif) repeat-x 0 0;
}
#header #menucat #first a:hover span, #header #menucat #first .current span {
	background: url(../images/menu-o-l.gif) no-repeat 0 0;
}
#header #menucat #lib a:hover span, #header #menucat #lib .current span {
	background: url(../images/menu-o-r.gif) no-repeat top right;
}
#header #menucat #lib a {
	float: right;
	border-right: none;
	background: url(../images/menu-r-repeat.gif) repeat-x 0 0;
}
#header #menucat #lib a span {
	background: url(../images/menu-r-r.gif) no-repeat top right;
}

/* Sidebar */
#sidebar .smenu {
	background: #83B00F;
	margin-bottom: 2em;
}
#sidebar .smenu h2 {
	background: url(../images/module-top-y.gif) no-repeat 0 0;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-indent: 0.7em;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
}
#sidebar .smenu ul {
	padding-bottom: 0.3em;
}
#sidebar .smenu ul li a {
	text-decoration: none;
	color: #fff;
	height: 1%; /*trick ie*/
	display: block;
	line-height: 20px;
	padding: 0 0 0 1.3em;
}
#sidebar .smenu ul li {
	margin: 0.2em 0;
	height: 1%; /*trick ie*/
}
#sidebar .smenu ul .current, #sidebar .smenu ul li a:hover {
	background: #ffc805 url(../images/smenu-current.gif) no-repeat 0 0;
}
#sidebar #menusouscat h2 {
	background: url(../images/module-top-b.gif) no-repeat 0 0;
}
#sidebar #menublog h2 {
	background: url(../images/module-top-b.gif) no-repeat 0 0;
}

#sidebar #advantage h2 {
	background: url(../images/module-top-r.gif) no-repeat 0 0;
}
#sidebar #advantage ul li {
	margin-left: 1.3em;
	padding: 0 0 0 1.5em;
	color: #fff;
}
#sidebar #advantage #padlock {
	background: url(../images/secure.gif) no-repeat 0.2em 0;
}
#sidebar #advantage #delay {
	background: url(../images/delay.gif) no-repeat 0 0;
	line-height: 1.9em;
}

/* Footer */
#footerBottom {
	background: url(../images/footer-bg.gif) no-repeat 0 0;
	height: 68px;
	position: relative;
	margin-bottom: 1em;
}

#footerBlog {
	background: url(../images/footer-blog1.gif) no-repeat bottom left;
	overflow: hidden;
	height: 1%;
}
#footerBlog2 {
	background: url(../images/footer-blog2.gif) no-repeat 0 0;
	overflow: hidden;
	height: 1%;
}
#footerBlog #lastArticleBlog {
	width: 45em;
	float: left;
	padding: 1.5em 0 1em 2em;
}
#footerBlog #lastComBlog {
	width: 45em;
	float: right;
	padding: 1.5em 2em 1em 0;
	color: #fff;
}
#footerBlog #lastArticleBlog h2, #footerBlog #lastComBlog h2, #footerBlog #lastArticleBlog2 h2 {
	text-transform: uppercase;
	font-size: 1.4em;
	margin-bottom: 0.5em;
	color: #fff;
}
#footerBlog #lastArticleBlog ul, #footerBlog #lastComBlog ul, #footerBlog #lastArticleBlog2 ul {
	list-style: none;
	font-size: 1.3em;
}
#footerBlog #lastArticleBlog ul li, #footerBlog #lastComBlog ul li, #footerBlog #lastArticleBlog2 ul li {
	margin-bottom: 0.5em;
	color: #fff;
}
#footerBlog #lastArticleBlog ul li a, #footerBlog #lastComBlog ul li a, #footerBlog #lastArticleBlog2 ul li a {
	color: #fff;
}
#footerBlog #lastArticleBlog2 {
	width: 100%;
	padding: 1em;
}
#footerBlog #lastArticleBlog2 ul {
	float: left;
	width: 48%;
	list-style: disc;
	list-style-position: inside;
	
}
#footerBlog #lastArticleBlog2 .end {
	float: right;
}

#footer #NewsletterForm {
	position: absolute;
	/*top: 6px;*/
	margin-top: 5px;
	left: 710px;
}
#footer #NewsletterForm h2 {
	display: none;
}
#footer #NewsletterForm label {
	display: none;
}
#footer #NewsletterForm div {
	height: 1%;
}
#footer #NewsletterForm input {
	border: 1px solid #2180be;
	padding: 0.2em;
	vertical-align: middle;
	width: 215px;
	margin-right: 0.3em;
}
#footer #NewsletterForm button {
	border: 1px solid #2180be;
	background: #fff;
	vertical-align: middle;
}

#footer #footer2 {
	position: relative;
	top: 42px;
	left: 10px;
}
#footer #footer2 ul li {
	display: inline;
	margin-right: 0.5em;
}
#footer #footer2 ul li a {
	color: #fff;
}

/* content */
#content #account {
	position: absolute;
	right: 1em;
	top: 0;
	background: url(../images/cartb-r.gif) no-repeat top right;
	height: 34px;
}
#content #account ul {
	overflow: hidden;
}
#content #account ul li {
	float: left;
	line-height: 34px;
	padding: 0 0.7em;
	color: #fff;
}
#content #account ul #moncompte {
	background: url(../images/cartb-l.gif) no-repeat top left;
}
#content #account ul li a {
	color: #fff;
	text-decoration: none;
}
#content #account ul .cart1 {
	background: url(../images/cart_1.gif) no-repeat 0 0.4em;
	padding-left: 4em;
}
#content #account ul .cart2 {
	background: url(../images/cart_2.gif) no-repeat 0 0.4em;
	padding-left: 4em;
}
#content #account ul .cart3 {
	background: url(../images/cart_3.gif) no-repeat 0 0.4em;
	padding-left: 4em;
}

#passconnect, #passconnect2 {
	text-align: center;
}
#passconnect img, #passconnect2 img {
	vertical-align: middle;
}
#passconnect2 {
	margin: 1em 0 2em 0;
}

/* pages libres */
#content #BlockAccueil {
	margin-bottom: 2em;
}
#content .block p, #TB_ajaxContent .block p  {
	margin-bottom: 0.8em;
	line-height: 1.4em; 
}
#content .block, .PostBlog .block, #TB_ajaxContent .block  {
	clear: both;
}
#content .block ol, #content .block ul, .PostBlog .block ol, .PostBlog .block ul, #TB_ajaxContent .block ul, #TB_ajaxContent .block ol {
	margin: 0 0 1em 0;
	list-style-position: inside;
}
#content .block ul, .PostBlog .block ul, #TB_ajaxContent .block ul {
	list-style: disc;
	list-style-position: inside;
}
#content .block h3, .PostBlog .block h3, #TB_ajaxContent .block h3 {
	text-transform: uppercase;
	font-size: 1.7em;
	color: #cf0908;
	margin-bottom: 0.5em;
}
#content .block h4, .PostBlog .block h4, #TB_ajaxContent .block h4 {
	font-size: 1.5em;
	color: #83b00f;
}
#content .block .Itxtimg img, .PostBlog .block .Itxtimg img, #TB_ajaxContent .block .Itxtimg img {
	float: right;
	margin: 0 0 1em 1em;
}
#content .block .Iimgtxt, .PostBlog .block .Iimgtxt, #TB_ajaxContent .block .Iimgtxt {
	float: left;
}
#content .block .Iimg, #TB_ajaxContent .block .Iimg {
	margin-bottom: 1em;
}
#content .block .Iimgtxt img, .PostBlog .block .Iimgtxt, #TB_ajaxContent .block .Iimgtxt {
	margin: 0 1em 1em 0;
}
#content .block .Ileftimg, #TB_ajaxContent .block .Ileftimg  {
	text-align: left;
}
#content .block .Irightimg, #TB_ajaxContent .block .Irightimg  {
	text-align: right;
}
#content .block .Icenterimg, #TB_ajaxContent .block  .Icenterimg {
	text-align: center;
}

#content .block table, #SuiteInfos table {
	border-collapse: collapse;
	border: 1px solid #aecf2c;
	font-size: 1.3em;
	margin-bottom: 1em;
}
#content .block caption, #SuiteInfos caption {
	color: #2180be;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}
#content .block table th, #SuiteInfos table th {
	background: #aecf2c;
	color: #fff;
	font-weight: bold;
}
#content .block table td, #SuiteInfos table td {
	padding: 0.2em 0.5em;
	border: 1px solid #aecf2c;
}


/* liste produits */
.listcat {
	margin-bottom: 4em;
}
.blockprod {
	margin-bottom: 1em;
	overflow: hidden;
	clear: both;
}
.blockprod div {
	float: left;
	width: 166px;
	margin-right:  20px;
	text-align: left;
}
.blockprod .end {
	margin-right: 0;
}

.blockprod .imgprod {
	position: relative;
	height: 100px;
	width: 100px;
	margin-bottom: 1em;
}
.blockprod .imgprod a {
	text-decoration: none;
	cursor: pointer;
}
.blockprod .etatPrix {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background: #CF0908;
	width: 100%;
	color: #fff;
}
.blockprod .nouveau {
	height: 21px;
	background: url(../images/new-r.gif) no-repeat top right;
	display: block;
	float: left;
	margin-right: 6px;
	padding-right: 9px;
	text-decoration: none;
	color: #fff;
}
.blockprod .nouveau span {
	height: 21px;
	text-align: center;
	background: url(../images/new-l.gif) no-repeat top left;
	display: block;
	line-height: 11px;
	padding: 5px 0 5px 9px;
}

.blockprod div h3 {
	font-size: 1.3em;
	font-weight: normal;
	text-align: left;
}
.blockprod div h3 a {
	text-decoration: none;
	color: #2180be;
}
.blockprod div .prix {
	color: #cf0908;
	font-size: 1.5em;
	margin-bottom: 0.5em;
	text-align: left;
}
.blockprod div .prix del {
	color: #2b2622;
	font-size: 0.8em;
}
.blockprod div .prix span {
	color: #424242;
	font-size: 0.8em;
}
.listprod {
	clear: both;
}
.listprod .viewprod {
	clear: both;
	background: url(../images/arrow.gif) no-repeat 0 0;
	padding-left: 2em;
	height: 17px;
}


/* Catégorie */
#contentCat {
	margin-bottom: 3em;
	overflow: hidden;
}

/* Pavé */
.paveMef {
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#sidebar .paveMef h2 {
	background: url(../images/module-top-r.gif) no-repeat 0 0;
}
.paveMef .block {
	padding: 0 10px;
}
.paveMef .block p, .pave .block p {
	margin-bottom: 8px;
	color: #fff;
}
.pave .block p {
	color: #424242;
}
.paveMef .block a {
	color: #fff;
}
.paveMef .block ul, .paveMef .block ol, .pave .block ul, .pave .block ol {
	margin: 0 0 8px 20px;
	color: #fff;
}
.pave .block ul, .pave .block ol {
	color: #424242;
}
.paveMef .block ul, .pave .block ul {
	list-style: disc;
}
.paveMef .block h3, .pave .block h3 {
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
}
.pave .block h3 {
	color: #424242;
}
.paveMef .block h4, .pave .block h4 {
	font-size: 1.3em;
	color: #fff;
}
.pave .block h4 {
	color: #424242;
}
.paveMef .block img, .pave .block img {
	margin-bottom: 10px;
}
.paveMef .block .Irightimg, .pave .block .Irightimg {
	text-align: right;
}
.paveMef .block .Icenterimg, .pave .block .Icenterimg {
	text-align: center;
}

/* fil d'ariane */
#ariane {
	margin-bottom: 1.5em;
}

/* Pagination */
#navig-page {
	clear: both;
	text-align: center;
	display: table;
	width: 100%;
}
#navig-page ul {
	margin: 0 auto;
	height: 25px;
	display: table;
}
#navig-page li {
	float: left;
	margin-right: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
}
#navig-page li a {
	background: url(../images/pagination-r.gif) no-repeat 100% 100%;
	display: block;
	line-height: 19px;
	color: #fff;
	text-decoration: none;
}
#navig-page li a span {
	background: url(../images/pagination-l.gif) no-repeat 0 100%;
	display: block;
	padding: 3px 9px;
}

#navig-page .current, #navig-page li a:hover {
	background: url(../images/pagination-r.gif) no-repeat 100% 0;
	display: block;
	line-height: 19px;
	color: #fff;
}
#navig-page .current span, #navig-page li a:hover span {
	background: url(../images/pagination-l.gif) no-repeat 0 0;
	display: block;
	padding: 3px 9px;
}

/* Fiche produit */
#content #Prod h1 {
	font-weight: normal;
	background: url(../images/etoile.gif) no-repeat 0 0;
	padding-left: 2em;
	margin-bottom: 0.8em;
	height: 1%;
}
#content #Prod h1 span {
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
	color: #2180BE;
}

#content #Prod h1 a {
	color: #83B00F;
	font-size: 0.75em;
	text-decoration: none;
}

#Prod #ImageFiche {
	float: right;
	margin-left: 1em;
	background: url(../images/tire.gif) repeat-y 0 0;
	padding-left: 13px;
}
#Prod #principale {
	margin-bottom: 0.5em;
}
#Prod #miniature img {
	margin-right: 0.2em;
}

#Prod #InfosFiche {
	overflow: hidden;
}
#Prod #InfosFiche #infosprix {
	background: #f9eec7 url(../images/infoprix-bg.gif) repeat-x bottom left;
	padding: 1em;
	font-style: italic;
	margin-bottom: 1em;
	position: relative;
	overflow: hidden;
}
#Prod #InfosFiche #infosprix #PrixFiche strong {
	font-size: 1.6em;
	font-weight: bold;
	font-style: normal;
	color: #cf0908;
}
#Prod #InfosFiche #infosprix .StockOK {
	color: #83b00f;
	background: url(../images/stockok.gif) no-repeat 0 0.1em;
	padding-left: 1.6em;
	font-weight: bold;
}
#Prod #InfosFiche #infosprix .StockKO {
	color: #cf0908;
	background: url(../images/stockko.gif) no-repeat 0 0;
	padding-left: 1.6em;
}
.etatPrixFiche {
	margin-bottom: 0.5em;
}
.etatPrixFiche span {
	background: #CF0908;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	padding: 0.3em;
}
#Prod #InfosFiche .Options {
	margin-bottom: 1em;
}
#Prod #InfosFiche .Options h3 {
	font-size: 1.3em;
	color: #2180be;
}
#Prod #InfosFiche .Options label {
	vertical-align: middle;
}

#Prod #InfosFiche #variation {
	margin-bottom: 1em;
}

#Prod #AddCart {
	margin: 0 0 3em 0;
}
#Prod #AddCart button {
	margin: 0;
}

#Prod #Personnalisation {
	margin-bottom: 2em;
}
#Prod #Personnalisation h3 {
}
#Prod #Personnalisation h3 #PersoOblig {
	color: #cf0908;
}
#Prod #Personnalisation h3 #PrixPerso {
	color: #83b00f;
	font-weight: normal;
	font-size: 0.8em;
}
#Prod #Personnalisation label {
	display: block;
}
#Prod #Personnalisation textarea, #Prod #Personnalisation input {
	background: #f9eec7;
	border: 1px solid #fea000;
}
#Prod #Personnalisation textarea {
	width: 35em;
	height: 10em;
}
#Prod #Personnalisation select option {
	padding: 0 0.5em;
}

#Prod #caracteristique {
	margin-bottom: 2em;
}
#Prod #caracteristique h3, #Prod #Description h3, #Prod #Personnalisation h3 {
	color: #2180BE;
	font-size: 1.9em;
	margin-bottom: 0.5em;
}
#Prod #caracteristique ul li {
	background: url(../images/puce-soleil.gif) no-repeat 0 0;
	padding-left: 1.8em;
	margin-bottom: 0.3em;
}

#Prod #Description p {
	margin-bottom: 0.8em;
}
#Prod #Description h4 {
	color: #83b00f;
	font-weight: bold;
	font-size: 1.5em;
	text-transform: uppercase;
}
#Prod #Description h5 {
	color: #424242;
	font-weight: bold;
	font-size: 1.5em;
}
#Prod #Description ul {
	list-style: disc;
}
#Prod #Description ul, #Prod #Description ol {
	margin: 0 0 1em 1.8em;
}


/* Panier */
#panierblock {
	position: relative;
}
#votre-panier, #histo-com {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2em;
}
#votre-panier caption {
	font-size: 1.3em;
	text-align: left;
}
#votre-panier a {
	color: #2180BE;
}
#votre-panier input {
	border: 1px solid #2180BE;
}
#votre-panier input:hover, #votre-panier input:focus {
	border: 1px solid #CF0908;
}
#votre-panier thead, #histo-com thead {
	font-size: 1.3em;
	height: 30px;
}
#votre-panier thead th, #histo-com thead th {
	color: #CF0908;
	font-weight: bold;
	padding: 0 0.3em;
	border-bottom: 1px solid #CF0908;
}
#votre-panier tfoot td {
	text-align: right;
	font-size: 1.3em;
	padding: 0.2em 0;
}

#votre-panier tfoot td span, #histo-com tfoot td span {
	font-weight: bold;
}
#votre-panier tbody td, #histo-com td  {
	vertical-align: top;
	padding: 0.6em 0;
	border-bottom: 1px solid #CF0908;
}
#histo-com td {
	text-align: center;
	padding: 0.6em 0.3em;
}
#content #votre-panier tbody td p, #histo-com tbody td p {
	margin: 0;
}
#votre-panier tbody .image-panier img {
	margin-right: 0.8em;
}
#votre-panier tbody .panier-quantite input {
	width: 2em;
	text-align: center;
}
#votre-panier tbody .panier-quantite label {
	display: none;
}
#votre-panier tbody .panier-quantite, #votre-panier tbody .panier-supprimer {
	text-align: center;
}
#histo-com tbody .panier-quantite, #votre-panier tbody .panier-quantite {
	font-size: 1.3em;
}
#votre-panier tbody .panier-prix {
	text-align: right;
}
#votre-panier tbody .panier-prix p {
	white-space: nowrap;
}
#votre-panier .ecopart {
	font-size: 1.1em;
}

#panier-validation {
	text-align: right;
}
#panier-validation #commander {
	margin-right: -.5em;
}

.panier-supprimer a {
	background: url(../images/delete.gif) no-repeat 0 0;
	height: 24px;
	width: 24px;
	display: block;
}
.panier-supprimer a span {
	position: absolute;
	left: -9000px;
}
.panier-supprimer a:hover {
	background: url(../images/delete.gif) no-repeat 0 100%;
}

#crosseling {
	margin-top: 3em;
}

/* Bon de réduction */
#bonreduc {
	text-align: right;
	margin-bottom: 2em;
}
#bonreduc label, #bonreduc p {
	font-size: 1.2em;
}
#bonreduc input {
	padding: 0.4em 0.2em;
	vertical-align: middle;
	width: 8em;
}
#bonreduc p {
	margin-bottom: 0.5em;
}
#bonreduc label {
	vertical-align: middle;
}
#bondereduc td {
	color: #CF0908;
}

/* Inscription */
#compte1, #minscrire {
	background: url(../images/inscription-bg-bottom.gif) no-repeat bottom left;
	width: 350px;
	float: left;
}
#compte11, #minscrire1 {
	background: url(../images/inscription-bg-top.gif) no-repeat top left;
	padding: 1em;
}
#compte1 .erreur img, #minscrire .erreur img, #compte1 div img, #minscrire div img {
	margin: 0 0.5em 0 0;
}
#compte1 h2, #minscrire h2 {
	font-size: 1.5em;
	color: #2180be;
	font-weight: bold;
	margin-bottom: 0.8em;
}
#compte1 form div, #minscrire div {
	margin-bottom: 0.8em;
}
#compte1 form input, #minscrire form input {
	width: 97%;
	padding: 0.4em 0.2em;
}
#compte1 form button, #minscrire form button {
	margin: 0;
}

#minscrire {
	float: right;
	margin-bottom: 2em;
}
#compte1 button span, #minscrire button span, #cardsoff button span {
	background: url(../images/btn-action2-r.gif) no-repeat right top;
}
#compte1 button span span, #minscrire button span span, #cardsoff button span span {
	background: url(../images/btn-action2-l.gif) no-repeat left top;
}
#compte1 button:hover span, #minscrire button:hover span, #cardsoff button:hover span {
	background: url(../images/btn-action2-r.gif) no-repeat 100% 100%;
}
#compte1 button:hover span span, #minscrire button:hover span span, #cardsoff button:hover span span {
	background: url(../images/btn-action2-l.gif) no-repeat 0 100%;
}

/* CardsOff */
#cardsoff {
	clear: both;
	background: url(../images/inscription-g-bg-bottom.gif) no-repeat bottom left;
	width: 740px;
}
#cardsoff2 {
	background: url(../images/inscription-g-bg-top.gif) no-repeat top left;
	padding: 1em;
}
#cardsoff2 h2 {
	font-size: 1.5em;
	color: #2180be;
	font-weight: bold;
	margin-bottom: 0.8em;
}
#cardsoff2 .erreur {
	margin-bottom: 1em;
}
#cardsoff2 form div {
	float: left;
	margin-right: 1em;
}
#cardsoff2 form #cardsoffIdent {
	clear: both;
}
#cardsoff2 form label {
	vertical-align: middle;
}
#cardsoff2 form img {
	vertical-align: middle;
	margin-right: 3px;
}
#cardsoff2 form input {
	width: 125px;
	vertical-align: middle;
}
#cardsoff2 form select {
	vertical-align: middle;
}
#cardsoff2 #cardsoffPays {
	padding: 3px 0 0 0;
}
#cardsoff2 form #cardsoffInfo {
	clear: both;
	padding: 10px 0 0 0;
	height: 1%;
}

/* Creation de compte */
.Erreur {
	background: #cf0908;
	color: #fff;
	padding: 0.5em 0 0.5em 25%;
	margin-bottom: 2em;
}

#Enregistrement fieldset {
	border: none;
	padding: 1em 0;
}
#Enregistrement #etoile {
	margin-bottom: 1em;
	padding: 0 0 0 26%;
	font-style: italic;
}
#Enregistrement fieldset legend {
	font-size: 1.6em;
	color: #2180be;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 25%;
	text-transform: uppercase;
}
#Enregistrement fieldset h3 {
	font-size: 1.3em;
	text-align: right;
	padding-right: 1%;
	width: 25%;
	float: left;
	line-height: 1.7em;
}
#Enregistrement fieldset h3 label {
	font-size: 1em;
}
#Enregistrement fieldset input, #Enregistrement fieldset textarea, #Enregistrement fieldset select {
	width: 300px;
}
#Enregistrement fieldset div {
	margin-bottom: 0.5em;
	clear: both;
}
#Enregistrement .civilite input, #Enregistrement #check-livraison input {
	width: auto;
	border: none;
	background: none;
	vertical-align: middle;
}
#Enregistrement #check-livraison {
	margin-left: 26%;
	margin-bottom: 1em;
}
#Enregistrement #check-livraison label {
	vertical-align: middle;
}
#Enregistrement .valider {
	margin-bottom: 2em;
}
#Enregistrement .valider button {
	margin-left: 190px;
}
#Enregistrement .valider #btneannul {
	margin-left: 20px;
}
#Enregistrement #Cnil {
	color: #9F9F9F;
	font-size: 1.1em;
}

#Enregistrement #dateAnniversaire #annivJour {
	width: 60px;
}
#Enregistrement #dateAnniversaire #annivMois {
	width: 160px;
}
#Enregistrement #dateAnniversaire #annivAnnee {
	width: 80px;
}

#Enregistrement #inscription {
	border-top: 1px solid #FEA000;
	margin-left: 26%;
}
#Enregistrement #inscription p {
	margin: 0;
}
#Enregistrement #inscription div {
	margin-bottom: 20px;
}
#Enregistrement #inscription input {
	vertical-align: middle;
	width: auto;
	background: transparent;
	border: none;
}
#Enregistrement #inscription label {
	vertical-align: middle;
	margin-right: 10px;
}

/* Mon compte */
#compte #histo-link {
	margin-bottom: 2em;
}
#compte #histo-link li {
	display: inline;
	margin-right: 0.5em;
}
#compte #histo-link li a {
	text-decoration: none;
	color: #2180be;
}
#compte #histo-link .current a, #compte #histo-link li a:hover {
	border-bottom: 0.4em solid #fea000;
}
#compte #info-perso, #compte #infocom {
	margin-bottom: 2em;
}

/* Commande */
#ChoixLivraison {
	margin-bottom: 2em;
	overflow: hidden;
}
#ChoixLivraison div {
	margin-bottom: 2em;
}
#ChoixLivraison label, #ChoixLivraison input, #PapierKdo label, #PapierKdo input {
	vertical-align: middle;
}
#ChoixLivraison .end {
	margin-bottom: 0;
}
#ChoixLivraison div input, #PapierKdo input {
	width: auto;
	border: none;
	background: none;
}
#ChoixLivraison div .LivrDesc {
	font-style: italic;
}
#PapierKdo {
	margin-bottom: 2em;
}
#PapierKdo #pricekdo {
	font-style: italic;
}
#MsgColis textarea {
	width: 35em;
	height: 10em;
	margin-bottom: 2em;
}
.valider button {
	margin-left: 0;
}

/* Validation */
#Reglements {
	clear: both;
	margin-bottom: 3em;
}
#Reglements fieldset {
	border: 0;
	margin-bottom: 2em;
}
#Reglements form div {
	margin-bottom: 1em;
}
#Reglements form div label {
	vertical-align: middle;
}
#Reglements form div img {
	vertical-align: middle;
	margin-right: 1em;
}
#Reglements form div input {
	width: auto;
	vertical-align: middle;
	margin-right: 1em;
	border: none;
	background: none;
}
#Reglements form div button {
	margin-left: 0;
}

#recapitulatif #AddFact {
	float: left;
	margin: 0 2em 0 0;
}
#recapitulatif #AddLivr {
	float: left;
}
#recapitulatif #AddFact h3, #recapitulatif #AddLivr h3 {
	color: #2180be;
	font-size: 1.5em;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

/* Contact */
#Contact label {
	text-align: right;
	padding-right: 1%;
	width: 30%;
	float: left;
	line-height: 1.7em;
}
#Contact div {
	margin-bottom: 5px;
}
#Contact textarea {
	width: 25em;
	height: 10em;
}
#Contact #Valider {
	margin-left: 31%;
	margin-bottom: 2em;
}
#Contact #Valider button {
	margin-left: 0;
}
#Contact #Cnil {
	color: #9F9F9F;
	font-size: 1.1em;
}


#info-perso h3 {
	color: #2180be;
	font-size: 1.5em;
	margin-bottom: 0.5em;
}
#compte #AddFact {
	background: url(../images/inscription-bg-bottom.gif) no-repeat bottom left;
	width: 350px;
	float: left;
}
#compte #AddFact2 {
	background: url(../images/inscription-bg-top.gif) no-repeat top left;
	padding: 1em;
}
#compte #AddFact h3 {
	color: #2180be;
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

#compte #AddLivr {
	background: url(../images/inscription-bg-bottom.gif) no-repeat bottom left;
	width: 350px;
	float: right;
}
#compte #AddLivr2 {
	background: url(../images/inscription-bg-top.gif) no-repeat top left;
	padding: 1em;
}
#compte #AddLivr h3 {
	color: #2180be;
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

#histo-com a {
	color: #2180be;
}
#histo-com thead th {
	color: #2180be;
}

.PostBlog {
	margin-bottom: 6em;
}
.PostBlog .titreblog {
	margin-bottom: 1em;
	overflow: hidden;
}
.PostBlog .titreblog .dateblog {
	background: url(../images/date-blog.gif) no-repeat 0 0;
	width: 43px;
	height: 51px;
	float: left;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 0 1em 0 0;
}
.PostBlog .titreblog .dateblog .jourblog {
	color: #fff;
}
.PostBlog .titreblog .dateblog .moisblog {
	color: #fff;
	padding: 3px 0 0 0;
}

.PostBlog .titreblog .infosbillet h2 {
	margin-bottom: 0.5em;
	font-size: 1.8em;
}
.PostBlog .titreblog .infosbillet h2 a {
	text-decoration: none;
}

/* blog */
.PostBlog .nbCom {
	background: url(../images/commentaires.gif) no-repeat bottom left;
	padding: 1em 0 0 2em;
	margin-bottom: 2em;
}
.PostBlog h1 a {
	text-decoration: none;
	color: #C9445A;
}
.PostBlog .blogTag {
	clear: both;
}

.PostBlog #com {
	clear: both;
	padding: 1em 0 0 0;
}
.PostBlog #com h3 {
	color:#CF0908;
	font-size:1.7em;
	text-transform:uppercase;
	margin-bottom: 1em;
}
.PostBlog #com ol {
	list-style: none;
}
.PostBlog #com ol li {
	margin-bottom: 2em;
}
.PostBlog #com li p {
	margin-bottom: 0.8em;
}
.PostBlog #com ol li .comContent {
	background: #F9EEC7 url(../images/infoprix-bg.gif) repeat-x 0 0;
	color: #424242;
	padding: 1em 1em 0.2em 1em;
}
.PostBlog #com ol .admin .comContent {

}
.PostBlog #com ol li .comInfos {
	padding-top: 0.5em;
}
.PostBlog #com ol li .comInfos p {
	font-size: 1em;
}
.PostBlog #com ol li .comContent p {
	font-size: 1em;
}

.PostBlog #addCom {
	clear: both;
}
.PostBlog #addCom #validComment, .PostBlog #addCom .Erreur {
	padding: 0.5em;
	margin-bottom: 1em;
}
.PostBlog #addCom h3 {
	color:#CF0908;
	font-size:1.7em;
	text-transform:uppercase;
	margin-bottom: 1em;
}
.PostBlog #addCom form {
	margin-bottom: 2em;
}
.PostBlog #addCom div {
	margin-bottom: 0.5em;
}
.PostBlog #addCom input {
	width: 24.5em;
}
.PostBlog #addCom label {
	display: block;
	line-height: 1.7em;
}
.PostBlog #addCom img {
	vertical-align: middle;
}
.PostBlog #addCom textarea {
	width: 680px;
	height: 10em;
}
.PostBlog #addCom .button {
	margin-left: 0;
}

.StockOK, .StockKO {
	background: url("../images/stockok.gif") no-repeat scroll left transparent;
	font-weight: bold;
	margin-top: -26px;
	padding-left: 20px;
	margin-bottom: 15px;
}

.StockKO {
	background: url("../images/stockko.gif") no-repeat scroll left transparent;
}

/* Conditions générales de vente */
#cgv div {
	display: none;
}
#cgv input {
	background: transparent;
	width: auto;
	border: none;
	vertical-align: middle;
}
#cgv label {
	vertical-align: middle;
}

/* validation paiement */
#ValidationVirement table {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid #aecf2c;
	margin-bottom: 2em;
}
#ValidationVirement table thead {
	color: #fff;
	font-size: 1.3em;
	height: 30px;
	background: #aecf2c;
	font-weight: normal;
}
#ValidationVirement table tbody {
	font-size: 1.4em;
}
#ValidationVirement table tbody td {
	text-align: center;
	padding: 0.5em 0;
}
#ValidationVirement #InfosTit p strong, #ValidationCheque #InfosTit p strong  {
	display: block;
}
#ValidationVirement #NumCom, #ValidationCheque #NumCom {
	border: 1px solid #aecf2c;
	padding: 1em;
	margin-bottom: 1em;
}
#ValidationVirement #NumCom p, #ValidationCheque #NumCom p {
	margin-bottom: 0;
}
#ValidationVirement #ThxCom, #ValidationCheque #ThxCom {
	margin-bottom: 1em;
}

/* Mot de passe */
#InfoChangePwd form, #ChangePwd form {
	margin-bottom: 2em;
	padding-top: 1em;
}
#InfoChangePwd p, #ChangePwd p {
	margin-bottom: 1em;
}
#InfoChangePwd label, #ChangePwd label {
	font-weight: bold;
	color: #424242;
	vertical-align: middle;
}
#InfoChangePwd input, #ChangePwd input {
	vertical-align: middle;
}
#InfoChangePwd label img, #ChangePwd label img {
	vertical-align: middle;
}
#InfoChangePwd #PwdOk, #ChangePwd #PwdOk {
	color: #cf0908;
	font-weight: bold;
}
#ChangePwd #PwdOk {
	margin-left: 36%;
}
#InfoChangePwd .Erreur img, #ChangePwd .Erreur img {
	vertical-align: middle;
}
#ChangePwd div {
	margin-bottom: 0.5em;
}
#ChangePwd label {
	text-align: right;
	padding-right: 1%;
	width: 35%;
	float: left;
	line-height: 1.7em;
	font-weight: bold;
	color: #424242;
}
#ChangePwd #Valider {
	margin-left: 36%;
}

/* Partager produit */
#partage {
	overflow: hidden;
	height: 1%;
}
#partage input {
	width: 280px;
}
#partage label {
	width: 200px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 5px;
}
#partage div {
	margin: 5px;
}
#partage button {
	margin-left: 205px;
}
#partage #partageNewsletter label {
	display: inline;
	float: none;
	vertical-align: middle;
	text-align: left;
}
#partage #partageNewsletter input {
	width: auto;
	vertical-align: middle;
}

#partage #infoEnvoyerAmi, #partage #partageTwit {
	margin-bottom: 20px;
}
#partage #partageOk {
	color: #4ca7c1;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

#partage .tellFriendInfoPerso label {
	float: none;
	text-align: left;
	margin: 0;
	width: auto;
}
#partage .tellFriendInfoPerso textarea {
	width: 500px;
	height: 250px;
}
#partage .tellFriendInfoPerso button {
	float: left;
	margin: 0 10px 0 0;
}

#partage .tellFriendsNavigation {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-bottom: 4px solid #fea000;
	padding-left: 10px;
	margin-bottom: 20px;
	background: url(../images/tellFriendsNavigation.gif) no-repeat 0 0;
}

#partage .tellFriendsNavigation li {
	display: block;
	float: left;
	margin-right: 5px;
}
#partage .tellFriendsNavigation li a {
	float: left;
	height: 30px;
	color: #fff;
	text-decoration: none;
	padding: 0 5px;
}
#partage .tellFriendsNavigation li #twitter {
	background: url(../images/twitter.gif) no-repeat 5px 50%;
	padding-left: 26px;	
}
#partage .tellFriendsNavigation li #facebook {
	background: url(../images/facebook.gif) no-repeat 5px 50%;
	padding-left: 26px;	
}
#partage .tellFriendsNavigation li #sendFriend {
	background: url(../images/sendfriend.gif) no-repeat 5px 50%;
	padding-left: 26px;	
}
#partage .tellFriendsNavigation .current a {
	background: #fea000;
}
#partage .tellFriendsNavigation .current #twitter {
	background: #fea000 url(../images/twitter.gif) no-repeat 5px 50%;
}
#partage .tellFriendsNavigation .current #facebook {
	background: #fea000 url(../images/facebook.gif) no-repeat 5px 50%;
}
#partage .tellFriendsNavigation .current #sendFriend {
	background: #fea000 url(../images/sendfriend.gif) no-repeat 5px 50%;
}

#partage #partageFacebook p {
	background: url(../images/facebook.gif) no-repeat 0 50%;
	padding-left: 22px;
}

#partage .errorPartage {
	color: #C4243B;
	text-align: center;
}

/* Carrousel */
.carrousel li {
	float: left;
}
.carrousel li a {
	display: block;
}
#stop, #resume {
	text-decoration: none;
	color: #cfcfcf;
	font-size: 1.2em;
	clear: both;
}
#stop span, #resume span {
	cursor: pointer;
}
#stop {
	background: url(../images/carrousel-pause.gif) no-repeat 0 3px;
	padding-left: 10px;
}
#resume {
	background: url(../images/carrousel-lecture.gif) no-repeat 0 3px;
	padding-left: 10px;
}
/* Personnalisation */

.titre-personnalisation #PersoOblig {
	text-transform: none;
	font-size: 0.7em;
}

#Personnalisation label {
	display: block;
}

.bloc-personnalisation .textbox, .bloc-personnalisation textarea {
	width: 380px !important;
}

.dateForm {
	width: 80px !important;
	background: #fff url(/_t/_/img/picto-calendrier.png) no-repeat right 1px  !important;
	padding-right: 22px;
}

.bloc-personnalisation .dateForm {
	width: 80px !important;
}

.prod-indisponible {
	margin: 0.4em 0 1em 0;
	font-size: 1.8em;
	font-weight: bold;
}

.list-tri {
	font-size: 1.1em;
	margin-bottom: 1em;
	font-family: Arial, Geneva, "Trebuchet MS", Helvetica, sans-serif;
}

/* ----------------- Début Avis ----------------- */

.wizicss-commentaires .wizicss-prod-pres {
    width: 500px;
}

.wizicss-commentaires .wizicss-prod-pres h2 {
    width: 400px;
}

/* Note générale du produit */
#InfosFiche .wizicss-zone-note {
    padding: 0 0 6px 6px;
    margin: 0 0 0 10px;
    float: right;
    text-align: center;
    font-family: Georgia, Times, Garamond, serif;
    z-index: 99;
	position: relative;
}

#InfosFiche .wizicss-zone-note #back {
    display: inline-block;
}

#InfosFiche .wizicss-zone-note p {
    font-size: 1em;
}

#InfosFiche .wizicss-zone-note p a {
    color: #2180BE;
    display: block;
    text-decoration: underline;
}

#InfosFiche .wizicss-zone-note p a:hover, .wizicss-zone-note p a:focus {
    text-decoration: none;
}
/*Confirmation de la commande*/
.wizicss-com-conf-titre {
    color: #2180BE;
    margin-top: 40px;
}

.wizicss-zone-btn-commande {
    padding-top: 20px;
}

.wizicss-zone-btn-commande .wizicss-button {
    /*background: #3585B2;*/
    /*background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #53ADE0),
        color-stop(1, #3585B2)
    );
    background-image: -moz-linear-gradient(
        center top,
        #53ADE0 0%,
        #3585B2 100%
    );*/
    /*border: 1px solid #3585B2;*/
    color: #ffffff;
}

#sidebar #menuavis .note_wrapper {
    padding: 0.2em 1.3em 0.5em 1.3em;
    color: #FFF;
}

#sidebar #menuavis .note_wrapper a {
    color: #FFF;
}

/* ----------------- Fin Avis ----------------- */




A voir également:

2 réponses

RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
15 déc. 2012 à 21:10
salut

tu crois qu on vas rechercher dans 1900 lignes de css , d autant que a premiere vue il y as les 2 ,images et couleur de bg ..?

soit plus precis ou si tu ne sais pas ce qu il faut nous montrer , met plutot un lien vers ta page en ligne !

a+
0
Eaglehood Messages postés 2 Date d'inscription samedi 15 décembre 2012 Statut Membre Dernière intervention 15 décembre 2012
15 déc. 2012 à 22:16
Merci effectivement c'était des bouts d'images qui composaient la couleur du menu.

Grâce à colorzilla et la fonction "inspecter l'élément" de Chrome j'ai réussi à m'en sortir, merci quand même.
0