/* Styles généraux
******************************/
* { margin: 0; padding: 0; }

body { font-family: "Times New Roman", Verdana, Arial, sans-serif; color: #64400c; font-size: 90%; background: #fff; line-height: 140%; text-align: center; }

h1 { padding: 0 0 .5em 0; font-size: 2.25em; line-height: 1em; }
h2 { padding: .7em 0;     font-size: 1.25em; }
h3 { padding: 1em 0;      font-size: 1.17em; }
h4 { padding: 1.33em 0;   font-size: 1em; }
h5 { padding: 1.67em 0;   font-size: 0.83em; }
h6 { padding: 2.33em 0;   font-size: 0.67em; }
.tailleH1 { padding: 0 0 .5em 0; font-size: 2.25em; line-height: 1em; }
.tailleH2 { padding: .7em 0;     font-size: 1.25em; }
.tailleH5 {                     font-size: 0.83em; }
.tailleH6 {                     font-size: 0.67em; }

hr { margin: .8em auto; width: 80%; height: 1px; background-color: #361a0d; color: #351a0c; text-align: center; }

form { display: block; } form p.envoyer { text-align: right; padding: .5em 2em .5em 0 !important; }
legend { position: absolute; top: -10px; left: 5px; padding: 0 .6em; border: 1px dotted #684324; border-bottom: none; font-size: 1.2em; font-weight: bold; background-color:  #f8fad3; }
fieldset { position: relative; margin-bottom: 2em; padding: 1.3em .5em .3em .5em; border: 1px solid #684324; background-color: #f8fad3; }
fieldset div { clear: left; margin: .5em .6em .5em 0; }
fieldset div label { display: block; float: left; width: 18em; }
label { font-weight: bold; }
label.gender { clear: none !important; width: 7em !important; }
input.text, input.password { background-color: #fff; color: inherit; }
input.checkbox, input.radio { background-color: inherit; color: inherit; }
input.submit { margin: 0 3px; padding: 4px; border: 2px outset #8b5a00; font-size: .75em; background-color: #ab5906; color: #fff; font-weight: bold; cursor: pointer; }
input.submit:hover { background-color: #d07200; color: #fff; } input.submit:active { border: 1px outset #8b5a00; }

p { padding: 1em 0; }
pre { padding: 2em 3em; font-size: 1.2em; text-align: left; }

ul { list-style-type: none; }
ul.listeFlechee li { padding-left: 14px; background: transparent url(/images/arrow_green.gif) no-repeat center left; }
ol { padding-left: 1.8em; list-style-type: decimal; }
ol.listeAlpha li { list-style-type: lower-alpha; }
dl dt { font-weight: bold; }

table { width: 100%; border-collapse: collapse; border: 1px solid #111; }
table th, table td { padding: .2em .6em; border: 1px solid #111; text-align: center; }
table td.name { text-align: left; }
table td.name img, table td.image img { border: 1px solid #000; }

a:link, a:visited { color: #844000; text-decoration: none; }
a:hover, a:focus, a:active { color: #913d00; text-decoration: underline; }

q { font-style: italic; }

img { border: none; } img.imageProduit { border: 1px solid #000; background-color: #fff; color: inherit; }
span.prixProduit { font-size: 1.1em; font-weight: bold; background-color: inherit; color: #548d45; }
span.prixProduit del { background-color: inherit; color: #f45e63; }

.sansEspaces { margin: 0 !important; padding: 0 !important; }
.sansMargin { margin: 0 !important; } .sansPadding { padding: 0 !important; }
.sansMarginHaut { margin-top: 0 !important; } .sansPaddingHaut { padding-top: 0 !important; }
.sansMarginBas { margin-bottom: 0 !important; } .sansPaddingBas { padding-bottom: 0 !important; }


.marginHaut { margin-top: 1em !important; } .marginBas { margin-bottom: 1em !important; } 
.marginHautLeger { margin-top: .5em !important; } .marginBasLeger { margin-bottom: .5em !important; }
.marginGauche { margin-left: 1em !important; } .marginDroite { margin-right: 1em !important; }
.marginGaucheLeger { margin-left: .5em !important; } .marginDroiteLeger { margin-right: .5em !important; }
.marginGaucheDroite { margin-left: 1em !important; margin-right: 1em !important; }
.marginGaucheDroiteLeger { margin-left: .5em !important; margin-right: .5em !important; }
.paddingHaut { padding-top: 1em !important; }
.paddingGaucheDroite { padding-left: 1em !important; padding-right: 1em !important; }

.inline { display: inline !important; } .block { display: block !important; }

.unQuart { width: 25% !important; } .unTiers { width: 32% !important; } .moinsDemi { width: 40% !important; }
.quasiDemi { width: 45% !important; } .demi { width: 49% !important; } .plusDemi { width: 58% !important; }
.deuxTiers { width: 65% !important; } .troisQuart { width: 75% !important; } .entier { width: 98% !important; }

.left, .right, .leftSansMarges, .rightSansMarges { display: block; }
.left, .right { margin: 0 1em; } .leftPetitesMarges, .rightPetitesMarges { margin: 0 .4em; }
.leftSansMarges, .rightSansMarges { margin: 0; } .leftSansMarges img, .rightSansMarges img { margin: 0 4px; }
.left, .leftPetitesMarges, .leftSansMarges { float: left; } .right, .rightPetitesMarges, .rightSansMarges { float: right; }
.clear { clear: both; visibility: hidden; height: 1px; } .simpleClear { clear: both; }

.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignJusitify { text-align: justify !important; }

.textGras { font-weight: bold !important; }
.sansGras { font-weight: normal !important; }

.avertissement, .informationRequise { background-color: inherit; color: #f00 !important; font-weight: normal !important; }
p.informationRequise { padding-bottom: 0; text-align: right; }

div.success, p.success { margin: .5em 0; padding: 0.5em; border: 1px solid #3e8d4b; background-color: #c4fcbe; color: inherit; }
div.error, p.error, dl.error { position: relative; margin: .5em 0; padding: 0.5em; border: 1px solid #c00; background-color: #fee; color: inherit; }
div.error ul { padding-left: 20px; }
div.error li { list-style-type: square; }

.listeDefs { padding-bottom: 1em; }
.listeDefs dd { padding-left: 1.5em; }

.listeLabels { margin: 1.5em 0; }
.listeLabels dt { margin-bottom: .8em; padding-left: .4em; font-size: 1.1em; }
.listeLabels dd, .listeLabels div { clear: both; height: 2em; line-height: 2em; }
.listeLabels label { display: block; clear: left; float: left; width: 18em; }
.listeLabels input.text, .listeLabels dd select { width: 12em; }
#cart_quantity .listeLabels dt a { font-size: .9em; font-weight: normal; text-decoration: underline; }
#cart_quantity .listeLabels label { width: 14em; }

.listeInfos dt { float: left; clear: left; margin-right: 4px; }
.listeInfos dd { position: relative; top: 1px; }

.blocInfos { margin-bottom: 2em; padding: .5em; border: 1px solid #684324; background-color: #f8fad3; color: inherit; }
.blocInfos dl { clear: both; }
.blocInfos dl .listeLabels label { font-weight: normal; }

.pagination dt { width: 12em; }
.pagination dt, .pagination dd { float: left; padding: 0 3px; }

/* Layout
******************************/
div#page { position: relative; margin: 2px auto; width: 1002px; text-align: left; }
#top { margin-bottom: 4px; }
#contenu { position: relative; width: 648px; }
#colonneGauche, #colonneDroite { margin-bottom: 3em; width: 172px; }
#colonneGauche { padding-left: 1px; } #colonneDroite { padding-right: 1px; }
#footer { clear: both; }

#contenu { float: right; right: 177px; }
#colonneGauche { float: left; } #colonneDroite { position: absolute; right: 0; top: 198px; }
/* #contenu { float: left; left: 177px; }
#colonneGauche { position: absolute; left: 0; top: 200px; } #colonneDroite { float: right; } */

/* Header
******************************/
#top #banniere { height: 150px; }
#top #banniere img { width: 1002px; }

#top #navigation { margin-top: 4px; height: 20px; line-height: 20px; background-color: #97632e; color: #fff; font-weight: bold; }
#top #navigation a { font-size: .9em; color: #fff; }
#top #navigation #navigationDynamique { position: absolute; left: 5px; }
#top #navigation #navigationDynamique ul li { display: inline; }
#top #navigation #navigationDynamique ul li a { display: block; float: left; padding-right: .2em; }
#top #navigation #navigationFixe { position: absolute; right: 5px; }
#top #navigation #navigationFixe ul li { display: inline; }
#top #navigation #navigationFixe ul.liens li a,
#top #navigation #navigationFixe ul li img { display: block; float: left; margin: 3px 2px 0 3px; padding: 0 2px; line-height: 12px; }
#top #navigation #navigationFixe #langues li img { margin-right: 8px; }
#top #navigation #navigationFixe ul.liens li a { padding-left: 8px; border-left: 1px solid #fff; }

/* Footer
******************************/
div#footer { margin: 0 4px; border: 1px solid #010058; font-size: 1.1em; line-height: 2.2em; text-align: center; background-color: #97632e; color: #fff; }
div#footer a { color: #f1d89c; }

/* Les réglages au cas par cas
******************************/
	/* Index */
#imgIntro { position: relative; margin-bottom: 10px; width: 649px; height: 386px; }
#imgIntro img { position: absolute; top: 0; left: 0; width: 647px; border: 1px solid #000; display: none; }
#imgIntro img#demo1 { display: block; }

#texteAccueil, #descCat { line-height: 120%; color: #502616; }
#texteAccueil { padding: 4px 10px; font-size: 1.2em; } #descCat { padding: .4em 8px; font-size: 1.3em; }

.boiteIndex, .boiteIndex h2, .boiteIndex dl { zoom: 1; } /* Bug IE */
.boiteIndex { margin: 4px 1px; border: 1px solid #462717; background-color: #fff; color: inherit; }
.boiteIndex h2 { clear: both; margin-bottom: 1em; padding: 3px 0; border-bottom: 1px solid #462717; background-color: #c7bd8a; color: #462717; text-align: center; text-transform: uppercase; font-weight: normal; }
.boiteIndex dl { height: 14em; } .boiteIndex a { font-size: .93em; }

	/* Page produit */
.grandeImage { display: none; }
.imageZoomable a:hover, .imageZoomable a:active, .imageZoomableJS a:hover img, .imageZoomableJS a:active img { cursor: default; }
.imageZoomable a:hover .grandeImage, .imageZoomable a:active .grandeImage, .grandeImageZoomee { display: inline; position: absolute; top: 78px; right: 12px; z-index: 100; }
#fermerZoom { position: absolute; right: 2px; top: 2px; z-index: 700; border: none; cursor: pointer; }

#imgPlus { padding: 1em 30px; } #imgPlus li { display: inline; } #imgPlus li img { margin: 0 10px; }

#venteCroisee dl { height: 12em; }

#coupon { margin-bottom: 15px; }
#coupon ul { margin: 0 24px 5px; list-style-type: disc; }
#coupon dl dl { margin-left: 40px; }
#coupon caption { text-align: right; }
#coupon #adresseTresoriental { padding-left: 100px; }

#contactezNousSalonsMarocains { padding-left: 20px; font-size: 1.2em; background: url(/images/icons/RightGold.gif) no-repeat center left; }

	/* Sitemap */
#siteMap ul { margin-left: 1.5em; list-style-type: disc; }

	/* Processus de commande */
#listePaiementsLivraison label { font-weight: normal; }

dl#suiviProcessus dt { margin-bottom: .5em; font-size: 1.1em; }
dl#suiviProcessus dd { float: left; padding: 0 2em; border: 1px solid #111; text-align: center; background-color: #f8f8f9; color: #8c8c8c; cursor: default; }
dl#suiviProcessus dd.enCours { background-color: #e6e6ea; color: inherit; font-weight: bold; }

	/* Les pages d'aide */
.pageAide { margin-bottom: 2em; padding: 0 1em 1em 1em; border: 1px solid #684324; background-color: #f8fad3; }
.pageAide h2 { margin-left: 1em; } .pageAide h3 { margin-left: 3em; font-size: .95em; }
.pageAide p { padding-top: 0; } .pageAide ul { margin-left: 1.5em; list-style-type: disc; }
.pageAide label { display: block; margin-top: .8em; }

	/* Pages login et créer un compte */
#loginInscription, #loginIdentification { padding: 5px 8px; height: 14em; border: 1px solid #111; }
#loginInscription { width: 284px; } #loginIdentification { width: 314px; }
#loginIdentification .listeLabels { margin-bottom: 0; }
#loginIdentification .listeLabels dd label { width: 130px; } #loginIdentification .listeLabels dd input { width: 140px; }

#creationCompte div { clear: left; }
#creationCompte span { position: relative; bottom: 3px; }

#blocConditions { overflow: auto; padding: 1em; height: 20em; border: 1px solid #000; }

	/* Menu contextuel */
#menuContextuel { display: none; position: absolute; top: 200px; left: 380px; padding: .5em 0; width: 12.5em; border: 2px solid #502515; font-size: 1.1em; text-align: left; background-color: #fbefc3; color: #502515; }
#menuContextuel h2 { padding: .3em 0 0 1em; cursor: default; }
#menuContextuel ul { padding-top: .4em; }
#menuContextuel ul li { padding: 0 .1em; } #menuContextuel ul li.niveau2 a { padding-left: 1.2em; font-size: .9em; }
#menuContextuel ul a { display: block; padding: 0 .8em }
#menuContextuel ul a:hover, #menuContextuel ul a:focus, #menuContextuel ul a:active { text-decoration: none; background-color: #a16f6f; color: #fff; }