@charset "UTF-8";
/* CSS Document */

/* Name : Bouticorama Antikcostume */
/* Version : 1.0 */
/* Resolution de base : 980px */

/*

  0. MEMO COULEURS
  1. RESET MINIMAL
  2. REGLAGES DE BASE
  3. TABLEAUX
  4. FORMULAIRES
  5. IMAGES
  6. ENTETE
  7. MENU PRINCIPAL	
  8. CONTENEUR	
  9. INFO PLUS 2
 10. PIED DE PAGE
 11. CATALOGUE
 12. VENTE EN LIGNE
 13. WIDGETS
 14. PORTFOLIO
 15. BLOG
 16. FORUM
 17. ACTUALITES
 18. CALENDRIER
 18. DIAPORAMA
 19. MEDIA QUERIES
 20. IE6
 21. BETA
    22. VIDEO
 
*/

/* ****************************************** */
/* 0. MEMO COULEURS */
/* ****************************************** */

div.fondBlanc {
	background-color: #fff;
	border-top: 20px solid #fff;
}
div.fondNoir {
	background-color: #000;
	border-bottom: 20px solid #000;
}
#IE7 div.fondBlanc, 
#IE7 div.fondNoir {
	height: 20px;
}
div.fondBlanc div, 
div.fondNoir div {
	width: 40px;
	height: 20px;
	display: block;
	float: left;
}
div.color01 {background-color: #a10e00;} /* Rouge logo */
div.color02 {background-color: #2b6600;} /* Vert logo */
div.color03 {background-color: #ffc20d;} /* Jaune logo */
div.color04 {background-color: #66cfcf;} /* Bleu logo */

div.color05 {background-color: #d7d5c9;} /* Gris 00 */
div.color06 {background-color: #b1afa5;} /* Gris 25 */
div.color07 {background-color: #8a8981;} /* Gris 50 */
div.color08 {background-color: #64635e;} /* Gris 75 */
div.color09 {background-color: #3e3d3a;} /* Gris 100 */

div.color10 {background-color: #e8c3bf;} /* Rouge 25 */
div.color11 {background-color: #cad9bf;} /* Vert 25 */
div.color12 {background-color: #fff0c3;} /* Jaune 25 */
div.color13 {background-color: #d9f3f3;} /* Bleu 25 */

div.color14 {background-color: #717069;} /* Gris 60% */
div.color15 {background-color: #575652;} /* Gris 70% */

/* ****************************************** */
/* 1. RESET MINIMAL */
/* ****************************************** */

html, body, div, form, fieldset, label, textarea, input, select, button, figure {
	margin: 0;
	padding: 0;
}
* {
	/* 
	@bugfix width = largeur hors tout
	Ne fonctionne pas avec IE7
	*/
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body > script {
	display: none !important;
}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* ****************************************** */
/* 2. REGLAGES DE BASE */
/* ****************************************** */

html {
	font-size: 100%;
}
body {
	background-color: #8a8981;
	color: #3e3d3a;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
  position: relative;
}

/* ------------------------------------------ */
/* Reglages de base */
/* Typographie */
/* ------------------------------------------ */

p, ul, ol, dl, blockquote, pre, table, td, th, caption, details, figure, hgroup {
	margin: 1em 0 0;
	font-size: 14px;
}
h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1, .h1 {
	margin: 20px 0 0;
	font-size: 30px;
	line-height: 1.15em;
	font-weight: normal;
}
h2, .h2 {
	margin: 1em 0 0;
	font-size: 25px; 
	line-height: 1.15em;
	font-weight: normal;
}
h3, .h3 {
	margin: 1em 0 0;
	font-size: 21px; 
	line-height: 1.15em;
  font-weight: bold;
}
h4, .h4 {
	margin: 1em 0 0;
	font-size: 17.5px;
	line-height: 1.15em;
  font-weight: bold;
}
h5, .h5 {
	margin: 1em 0 0;
	font-size: 14px;
	line-height: 1.15em;
  font-weight: bold;
}
h6, .h6 {
	margin: 1em 0 0;
	font-size: 12px; 
	line-height: 1.15em;
  font-weight: bold;
}
pre {
  border: 1px solid #8a8981;
  padding: 1em;
  overflow: auto;
}
#menuNav0 *, #menuNav1 *, #menuNav2 *, #menuAriane *, #piedPage *, #menuAffichageCatalogue * {
	font-size: 12px;
}

/* ------------------------------------------ */
/* Reglages de base */
/* Liens */
/* ------------------------------------------ */

a {
	color: #a10e00;
}
a:link, a:visited, a:active {
	text-decoration: underline;
}
a:hover {
  color: #3e3d3a;
	text-decoration: none;
}

/* ------------------------------------------ */
/* Reglages de base */
/* Boutons : voir formulaire */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* Reglages de base */
/* Separateurs */
/* ------------------------------------------ */

hr {
	color: #8a8981;
	margin: 1em 0 0 0;
	height: 1px;
}
hr.space {
	margin: 1em 0 0 0;
	height: 1px;
	visibility: hidden;
}
hr.clearBoth {
	clear: both;
	visibility: hidden;
	border: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	height: 0;
}
#IE7 hr.clearBoth {
	/* espace inferieur de 7px non reduisible */
	margin: -7px 0;
}

/* ------------------------------------------ */
/* Reglages de base */
/* Enrichissements typographiques */
/* ------------------------------------------ */

.small {
	font-size: 12px;
  line-height: 1.3em;
}
.big {
	font-size: 16px;
}
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}

/* ------------------------------------------ */
/* Reglages de base */
/* Error, Warning, Success */
/* ------------------------------------------ */

.error a, 
a.error,
.warning a, 
a.warning,
.success a, 
a.success {
  color: #3e3d3a;
}
p.error, p.warning, p.success {
  padding: 1em;
}
div.error, div.warning, div.success {
  margin-top: 1em;
  padding: 1px 3% 1em;
}
p.error,
div.error {
	background-color: #e8c3bf;
	border: 1px solid #a10e00;
}
p.warning,
div.warning {
	background-color: #fff0c3;
 	border: 1px solid #ffc20d;
}
p.success,
div.success {
	background-color: #d9f3f3;
 	border: 1px solid #66cfcf;
}

/* ------------------------------------------ */
/* Reglages de base */
/* Citations */
/* ------------------------------------------ */

blockquote {
	margin: .75em 0;
	padding: 1px 1em 1em 4em;
  background-color: #d7d5c9;
}
code {
}
cite {
	font-style: italic;
}

/* ------------------------------------------ */
/* Reglages de base */
/* Listes */
/* ------------------------------------------ */

ul, ol {
	padding-left: 2em;
}
ul ul, ol ol {
	margin-top: 0;
}
#entete ul, 
#menuNav1 ul, 
#menuNav2 ul, 
#modeAffichage ul, 
#piedPage ul, 
#catalogue ul, 
#autresProduits ul,
#diaporama ul,
#pageProduitPrix ol,
ol#process {
	list-style: none;
	padding-left: 0;
}
#entete ul, 
#menuNav1 ul, 
#menuNav2 ul, 
#menuNav2 ul *, 
#menuNav00 ul {
	margin-top: 0;
}
#entete ul a, 
#menuNav1 ul a, 
#menuNav2 ul a, 
#modeAffichage ul a, 
#catalogue ul a,
#autresProduits ul a, 
#diaporama ul a,
#pageProduitPrix ol a {
	text-decoration: none;
}

/* ------------------------------------------ */
/* Reglages de base */
/* Pagination */
/* ------------------------------------------ */

div.pagination {
	text-align: center;
}
div.pagination ul {
	padding: 0;
	font-size: 0; /* @bugfix espace inline-block */
}
div.pagination li {
	display: inline-block;
	line-height: 30px;
	margin: 0 2px;
	font-size: 12px;
}
#IE7 div.pagination li {
	display: inline;
	zoom: 1;
}
div.pagination a {
	border: 1px solid #8a8981;
	padding: 4px 6px;
}
div.pagination .current a {
	font-weight: bold;
	border: none;
	color: #c00;
}
div.pagination a:hover {
	border-color: #0af;
	text-decoration: none;
}
div.pagination .previous-off, 
div.pagination .next-off {
	color: #8a8981;
	font-weight: bold;
	padding: 0 6px;
}
div.pagination .next a, 
div.pagination .previous a {
	font-weight: bold;
	border: none;
}

/* ****************************************** */
/* 3. TABLEAUX */
/* ****************************************** */

caption {
	display: none;
}
table {
  width: 94%;
	background-color: #d7d5c9;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
}
table.fixe {
	table-layout: fixed;
}
form table {
  width: 100%;
}
td, th {
	padding: 4px 1em;
	vertical-align: middle;
  text-align: left;
	overflow: hidden;
	word-wrap: break-word; 
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	border: 1px solid #fff;
}
thead, tfoot {
	background-color: #3e3d3a;
	color: #fff;
	text-align: left;
	font-weight: bold;
}
tbody tr:nth-child(2n),
tbody tr.l1frais:nth-child(2n) {
	background-color: #b1afa5; 
}
tbody tr:nth-child(2n+1),
tbody tr.l1frais:nth-child(2n+1),
tbody tr.l2frais:nth-child(2n+1) + tr {
	background-color: #d7d5c9; 
}
tbody tr.l2frais:nth-child(2n+1),
tbody tr.l2frais:nth-child(2n) + tr {
	background-color: #b1afa5; 
}
tbody tr.l2frais:nth-child(2n) {
	background-color: #d7d5c9; 
}
tbody tr:hover {
	background-color: #fff0c3;
}

/* ------------------------------------------ */
/* Tableaux */
/* Tableaux specifiques */
/* ------------------------------------------ */

table#tarifs td,
table#tarifsFrance td,
table#tarifs th,
table#tarifsFrance th {
	vertical-align: top;
	text-align: center;
}
table.tableauTaille td {
	text-align: center;
}

/* ****************************************** */
/* 4. FORMULAIRES */
/* ****************************************** */

form {
	border: none;
}
#IE7 #page form {
	width: 94%;
}

/* ------------------------------------------ */
/* Formulaires */
/* Fieldset */
/* ------------------------------------------ */

fieldset {
	width: 100%;
	margin-top: 1em;
	border: 1px solid #8a8981;
	padding: 7px 0 14px 0;
}
#IE7 fieldset {
	width: 99.5%;
}
fieldset.formEnvoi {
	margin: 0;
	padding: 0;
	border: none;
}
legend {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px; 
	padding: 0 5px;
}

/* ------------------------------------------ */
/* Formulaires */
/* Blocs */
/* ------------------------------------------ */

fieldset hr,
fieldset > p {
	margin: 7px 2% 0 2%;
}
p.box {
	float: left;
	width: 96%;
	margin: 7px 0 0 2%;
	vertical-align: middle;
	text-align: left;
	font-size: 0; /* @bugfix espace inline-block */
}
p.twoboxes {
	width: 47%;
}
p.validationFormulaire {
	margin: 7px 0 0 2%;
	text-align: center;
}
p.formSolo {
	margin: 0;
	vertical-align: top;
}
p.formSolo > * {
	width: auto;
}
p.emailBox {}
p.passwordBox {}
p.buttonsBox {}
p.checkedBox {}
p.multiBox {}
p.textareaBox {}
div.twoCheckedBox {
  padding-left: 25%;
}

/* ------------------------------------------ */
/* Formulaires */
/* Labels */
/* ------------------------------------------ */

label, 
.fakeLabel,  
.fakeLabelSolo {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	vertical-align: middle; /* @bugfix alignement */
	width: 25%;
	text-align: right;
	padding-right: 6px;
	display: inline-block; 
}
.fakeLabelSolo {
	text-align: left;
	display: block;
}
#IE7 label, 
#IE7 .fakeLabel {
	width: 22%;
	display: inline;
	zoom: 1;
}
p.twoboxes label, 
p.twoboxes .fakeLabel,  
p.twoboxes .fakeLabelSolo {
	width: 50%;
}
#IE7 p.twoboxes label, 
#IE7 p.twoboxes .fakeLabel,  
#IE7 p.twoboxes .fakeLabelSolo {
	width: 50%;
}
label.alignTop {
	vertical-align: top;
	margin-top: 4px;
}
.checkedBox label {
	width: auto;
	font-weight: normal;
}
#IE7 .checkedBox label {
	width: auto;
}
label.spaceLeft {
	text-align: left;
}
label.spaceRight {
	margin-right: 10px;
}

/* ------------------------------------------ */
/* Formulaires */
/* Input & co */
/* ------------------------------------------ */

input, 
select {
	font-size: 14px;
	line-height: 16px;
	height: 24px;
	padding: 0 4px;
	border: 1px solid #8a8981;
	vertical-align: middle; /* @bugfix alignement */
}
input {
	width: 75%;
}
select {
	width: auto;
	max-width: 75%;
}
textarea {
	font-size: 14px;
	line-height: 16px;
	width: 75%;
	height: 100px;
	padding: 0 4px;
	border: 1px solid #8a8981;
	resize: vertical;
	overflow: auto;
}
.inputAlignSmall,
.inputAlignNormal {
	display: block;
	line-height: 1.15em;
	width: 75%;
	margin-left: 25%;
	margin-top: 6px;
}
p.twoboxes input, 
p.twoboxes select, 
p.twoboxes textarea, 
p.twoboxes .inputAlignSmall, 
p.twoboxes .inputAlignNormal {
	width: 50%;
}
p.twoboxes .inputAlignSmall,
p.twoboxes .inputAlignNormal {
	margin-left: 50%;
}
#IE7 p.twoboxes input, 
#IE7 p.twoboxes select, 
#IE7 p.twoboxes textarea, 
#IE7 p.twoboxes .inputAlignSmall, 
#IE7 p.twoboxes .inputAlignNormal {
	width: 44%;
}
#IE7 p.twoboxes .inputAlignSmall,
#IE7 p.twoboxes .inputAlignNormal {
	margin-left: 53%;
}
.inputAlignNormal {
	font-size: 14px;
}
.inputAlignSmall {
	font-size: 12px;
}
.fakeInput {
	font-size: 14px;
	line-height: 16px;
	height: 24px;
	padding: 5px 4px;
	vertical-align: middle; /* @bugfix alignement */
}
input[type=radio], 
input[type=checkbox],
p.twoboxes input[type=radio],
p.twoboxes input[type=checkbox] {
	width: auto; /* equivalent font-size */
	height: auto; /* equivalent font-size */
	margin-top: 2px;
	margin-right: 4px;
	border: none;
	vertical-align: top;
  padding: 5px;
}
input[type=submit], 
input[type=reset] {
	width: auto;
	border: none;
}
#IE7 input[type=radio], 
#IE7 input[type=checkbox],
#IE7 p.twoboxes input[type=radio],
#IE7 p.twoboxes input[type=checkbox],
#IE7 input[type=submit], 
#IE7 input[type=reset] {
	width: auto;
}

/* ------------------------------------------ */
/* Formulaires */
/* Boutons */
/* ------------------------------------------ */

button {
	height: 24px;
  font-size: 12px;
	padding: 0 12px;
}
input.button,
a.button {
	height: 24px;
  line-height: 24px;
	width: auto;
  font-size: 12px;
  padding: 6px 12px;
	border-radius: 16px;
	background-color: #8a8981;
	text-decoration: none;
	color: #FFF;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 9px;
	cursor: pointer;
}
input.button {
  padding: 0 12px;
}
@-moz-document url-prefix() {  
	/* bugfix alignement texte firefox */
	input.button {
  	padding: 0 12px 3px;
	}
}
input.button:hover ,
a.button:hover {
	background-color: #a10e00;
}
p.retourHaut {
  margin-top: 2em;
}
p.retourHaut a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_218.png);
	padding-left: 34px;
}
#IE7 p.retourHaut a, 
#IE8 p.retourHaut a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_218.png);
}

/* ------------------------------------------ */
/* Formulaires */
/* Formulaire Captcha */
/* ------------------------------------------ */

#captcha {
  border: 1px solid #8a8981;
  margin-left: 25%;
  margin-top: 7px;
  background-color: #fff;
  padding: 10px;
}
#recaptcha_image img {
	max-width: 100%;
	position: relative;
}

/* ------------------------------------------ */
/* Formulaires */
/* Formulaire Feuille de mesure */
/* ------------------------------------------ */

fieldset#blocTaille p.twoboxes label,
#IE7 fieldset#blocTaille p.twoboxes label {
	width: 65%; 
	text-align: left;
	float: right;
}
fieldset#blocTaille p.twoboxes input {
	width: 30%;
}
#IE7 fieldset#blocTaille p.twoboxes input {
	width: 25%;
}
fieldset#blocTaille p.twoboxes .inputAlignSmall, 
#IE7 fieldset#blocTaille p.twoboxes .inputAlignSmall {
	margin-left: 0;
	width: 80%;
}
fieldset#blocTaille p.box .inputAlignSmall, 
#IE7 fieldset#blocTaille p.box .inputAlignSmall {
	margin-left: 0;
	width: 80%;
}
fieldset#blocTaille p img {
		max-width: 330px;
}

/* ****************************************** */
/* 5. IMAGES */
/* ****************************************** */

img {
	width: auto;
	height: auto;
	vertical-align: middle;
}
a img {
	border: 0;
}

/* ------------------------------------------ */
/* Images */
/* Image dans texte */
/* ------------------------------------------ */

.img25 {
	width: 25%;
}
.img33 {
	width: 33%;
}
.img50 {
	width: 50%;
}
.img66 {
	width: 66%;
}
.imgRight {
	float: right;
	margin: 0 0 10px 10px;
}
.imgLeft {
	float: left;
	margin: 0 10px 10px 0;
}

/* ------------------------------------------ */
/* Images */
/* Bloc images */
/* ------------------------------------------ */

#contenuPage div.blocImg {
	margin-top: 14px; /* equivalent 1em */
	margin-right: 0;
	text-align: left; text-align: center;
	font-size: 0; /* @bugfix espace inline-block */
}
#contenuPage div.blocImg img { 
  margin-right: 3%;
}
div.blocImg .img25 {
	width: 21.5%;
}
div.blocImg .img33 {
	width: 30%;
}
div.blocImg .img50 {
	width: 47%;
}
div.blocImg .img66 {
	width: 63%;
}
div.blocImg .img100 {
	width: 97%;
}

/* ****************************************** */
/* 6. ENTETE */
/* ****************************************** */

#entete {
  background-color: #a10e00;
	background-image: url(/images/habillage/fond-antikcostume.gif);
}
#contenuEntete {
	width: 94%;
	max-width: 980px; 
	margin: 0 auto;
	position: relative;
  padding-bottom: 35px;
}
#IE7 #contenuEntete {
  padding-bottom: 0;
	height: 200px;
}
#IE7 #contenuEntete,
#IE8 #contenuEntete {
	width: 980px;  /* pas de media queries */
}

/* ------------------------------------------ */
/* Entete */
/* Logo */
/* ------------------------------------------ */

#logo {
  padding-left: 90px;
  padding-top: 10px;
}
#contenuLogo {
  position: relative;
}
p.logo {
  margin-top: 0;
}
p.logo a.logo {
  display: block;
  width: 535px;
  height: 134px;
  background-size: contain;
	background-repeat: no-repeat;
	background-position: center; 
	background-image: url(/images/habillage/logo-antikcostume-960@2x.png);
}
#IE7 p.logo a.logo, 
#IE8 p.logo a.logo {
	background-image: url(/images/habillage/logo-antikcostume-960.png);
}
p.logo span {
  position: absolute;
  top: 0;
  left: -9999px;
}
p.baseline {
  font-size: 12px;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}
p.promo {
	margin-top: 0;
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 2px;
  left: 135px;
  z-index: 10;
}
p.promo a {
  color: #fff;
}

/* ------------------------------------------ */
/* Entete */
/* Bloc Utilitaires */
/* ------------------------------------------ */

#btnMenuShow,
#btnMenuUtilitairesHide {
  display: none;
}
#menuUtilitaires {
}
#contenuMenuUtilitaires {
}

/* ------------------------------------------ */
/* Entete Bloc Utilitaires */
/* Menu 0 */
/* ------------------------------------------ */

#menuNav0 {
  position: absolute;
  top: 48px;
  right: 0;
  width: 23%;
}
#contenuMenuNav0 {
}
ul.navList0 li {
  margin-bottom: 1px;
}
ul.navList0 li a {
	display: block;
  line-height: 14px;
  padding: 7px 6px 7px 30px;
  background-color: #8a8981;
  color: #fff;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 6px center;
}
#IE7 ul.navList0 li a {
  padding: 4px 6px 4px 30px;
}
ul.navList0 li:nth-child(1) a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_202.png);
}
#IE7 ul.navList0 li:first-child a, 
#IE8 ul.navList0 li:first-child a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_202.png);
}
ul.navList0 li:nth-child(2) a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_003.png);
}
#IE7 ul.navList0 li:first-child + li a, 
#IE8 ul.navList0 li:first-child + li a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_003.png);
}
ul.navList0 li:nth-child(3) a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_194.png);
}
#IE7 ul.navList0 li:first-child + li + li a, 
#IE8 ul.navList0 li:first-child + li + li a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_194.png);
}
ul.navList0 li a:hover {
	background-color: #b1afa5;
	color: #3e3d3a;
}
ul.navList0 li:nth-child(1) a:hover {
	background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_202.png);
}
#IE7 ul.navList0 li:first-child a:hover, 
#IE8 ul.navList0 li:first-child a:hover {
	background-image: url(/images/bouticorama/icones/glyph-000000-16/glyph_202.png);
}
ul.navList0 li:nth-child(2) a:hover {
	background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_003.png);
}
#IE7 ul.navList0 li:first-child + li a:hover, 
#IE8 ul.navList0 li:first-child + li a:hover {
	background-image: url(/images/bouticorama/icones/glyph-000000-16/glyph_003.png);
}
ul.navList0 li:nth-child(3) a:hover {
	background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_194.png);
}
#IE7 ul.navList0 li:first-child + li + li a:hover, 
#IE8 ul.navList0 li:first-child + li + li a:hover {
	background-image: url(/images/bouticorama/icones/glyph-000000-16/glyph_194.png);
}

/* ------------------------------------------ */
/* Entete Bloc Utilitaires */
/* Social */
/* ------------------------------------------ */

#menuNavSocial {
  position: absolute;
  top: 3px;
  right: 0;
	width: 200px;
  height: 40px;
	text-align: right;
}
#contenuMenuNavSocial {
}
ul.navSocial {
	margin-top: 4px; 
	font-size: 0; /* @bugfix espace inline-block */
}
ul.navSocial li {
	display: inline-block;
  vertical-align: middle;
}
#IE7 ul.navSocial li {
	display: inline;
	zoom: 1;
}
ul.navSocial li p {
	margin-top: 0;
	padding-right: 6px;
  font-size: 12px;
  color: #fff;
}
ul.navSocial li a {
	display: block;
	width: 32px;
	height: 32px;
  margin-top: 4px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0;
}
#IE7 ul.navSocial li a {
	zoom: 1;
}
ul.navSocial li a:hover {
	filter : alpha(opacity=50);
	opacity : 0.5;
}
ul.navSocial li a span {
  position: absolute;
  left: -9999px;
}
ul.navSocial li.facebook a {
	background-image: url(/images/bouticorama/icones/social-btn-64/facebook.png);
}
#IE7 ul.navSocial li.facebook a, 
#IE8 ul.navSocial li.facebook a {
	background-image: url(/images/bouticorama/icones/social-btn-32/facebook.png);
}
ul.navSocial li.twitter a {
	background-image: url(/images/bouticorama/icones/social-btn-64/twitter.png);
}
#IE7 ul.navSocial li.twitter a, 
#IE8 ul.navSocial li.twitter a {
	background-image: url(/images/bouticorama/icones/social-btn-32/twitter.png);
}
ul.navSocial li.rss a {
	background-image: url(/images/bouticorama/icones/social-btn-64/rss.png);
}
#IE7 ul.navSocial li.rss a, 
#IE8 ul.navSocial li.rss a {
	background-image: url(/images/bouticorama/icones/social-btn-32/rss.png);
}

/* ------------------------------------------ */
/* Entete Bloc Utilitaires */
/* Langues */
/* ------------------------------------------ */

#menuNavLangue {
  display: none;
}
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*
/*

/* ------------------------------------------ */
/* Entete Bloc Utilitaires */
/* Newsletter */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* Entete Bloc Utilitaires */
/* Recherche */
/* ------------------------------------------ */

#recherche {
  height: 32px;
	width: 210px;
	position: absolute;
  right: 10px;
  bottom: 0;
}
#contenuRecherche {
  padding-top: 4px;
}
#contenuRecherche * {
	font-size: 12px;
}
#contenuRecherche input[type=text] {
	max-width: 150px;
  float: left;
  margin-right: 6px;
}
#contenuRecherche input[type=submit] {
}
#contenuRecherche input.button:hover {
	background-color: #b1afa5;
  color: #3e3d3a;
}

/* ****************************************** */
/* 7. MENU PRINCIPAL */
/* ****************************************** */

#btnMenuNav1Hide {
  display: none;
}
#menuNav1 {
  margin-top: -32px;
}
#contenuMenuNav1 {
  background-color: #3e3d3a;
	width: 94%;
	max-width: 980px;
	margin: 0 auto;
	text-align: left; /* position du menu */
	height: 32px; /* hauteur du menu */
}
#IE7 #contenuMenuNav1,
#IE8 #contenuMenuNav1 {
	width: 980px;  /* pas de media queries */
}

/* ------------------------------------------ */
/* Menu Principal */
/* 1er niveau */
/* ------------------------------------------ */

#contenuMenuNav1 ul.navList11 {
	height: 100%;
  font-size: 0; /* @bugfix espace inline-block */
}
#contenuMenuNav1 ul.navList11 li {
	display: inline-block; /* inline-block OU block */
  text-align: left;
	width: auto;
	position: relative;
	z-index: 100;
}
#IE7 #contenuMenuNav1 ul.navList11 li {
	display: inline;
	zoom: 1;
}
#contenuMenuNav1 ul.navList11 li a {
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	color: #fff;
	background-color: #3e3d3a;
	border-right: 1px solid #fff;
}
#contenuMenuNav1 ul.navList11 li:hover > a, 
#contenuMenuNav1 ul.navList11 li a:hover {
	background-color: #64635e;
}
#contenuMenuNav1 ul.navList11 li:hover > a.current, 
#contenuMenuNav1 ul.navList11 li a.current, 
#contenuMenuNav1 ul.navList11 li a.current:hover {
	background-color: #ffc20d;
	color: #3e3d3a;
}
#contenuMenuNav1 ul.navList11 li.accueil a {
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_020.png);
}
#IE7 #contenuMenuNav1 ul.navList11 li.accueil a, 
#IE8 #contenuMenuNav1 ul.navList11 li.accueil a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_020.png);
}
#IE7 ul.navList11 li.accueil a {
	display: inline;
	zoom: 1;
	width: 16px;
}
#contenuMenuNav1 ul.navList11 li.accueil:hover > a.current, 
#contenuMenuNav1 ul.navList11 li.accueil a.current, 
#contenuMenuNav1 ul.navList11 li.accueil a.current:hover {
	background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_020.png);
}
#IE7 #contenuMenuNav1 ul.navList11 li.accueil:hover > a.current, 
#IE7 #contenuMenuNav1 ul.navList11 li.accueil a.current, 
#IE7 #contenuMenuNav1 ul.navList11 li.accueil a.current:hover, 
#IE8 #contenuMenuNav1 ul.navList11 li.accueil:hover > a.current, 
#IE8 #contenuMenuNav1 ul.navList11 li.accueil a.current, 
#IE8 #contenuMenuNav1 ul.navList11 li.accueil a.current:hover {
	background-image: url(/images/bouticorama/icones/glyph-000000-16/glyph_020.png);
}
#contenuMenuNav1 ul.navList11 li.accueil a span {
  position: relative;
  left: -9999px;
}
#contenuMenuNav1 ul.navList11 {
	height: 100%;
  font-size: 0; /* @bugfix espace inline-block */
}

/* ------------------------------------------ */
/* Menu Principal */
/* 2e niveau */
/* ------------------------------------------ */

#contenuMenuNav1 ul.navList12 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	border-top: 1px solid #fff;
	box-shadow: 8px 8px 12px #3e3d3a;	
}
#contenuMenuNav1 ul.navList11 > li > a:focus + ul.navList12, 
#contenuMenuNav1 ul.navList11 > li:hover ul.navList12 {
	display: block;
}
#contenuMenuNav1 ul.navList12 li {
	display: block;
	text-align: left;
  width: 200px;
}
#contenuMenuNav1 ul.navList12 li a {
	display: block;
	color: #fff;
	height: auto;
	line-height: 1.2em;
	padding: 7px 10px 7px 30px;
	background-color: #64635e;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-right: none;
}
#contenuMenuNav1 ul.navList12 li a:hover {
	background-color: #8a8981;
}
#contenuMenuNav1 ul.navList12 li a.current,
#contenuMenuNav1 ul.navList12 li a.current:hover {
	color: #fff;
	background-color: #c00;
}

/* ****************************************** */
/* 8. CONTENEUR CENTRAL */
/* ****************************************** */

#conteneur {
  padding: 15px 0;
	background-color: #d7d5c9;
}
#contenuConteneur {
	width: 94%;
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}
#IE7 #contenuConteneur,
#IE8 #contenuConteneur {
	width: 980px;  /* pas de media queries */
}

/* ------------------------------------------ */
/* Conteneur central */
/* Fil d'Ariane */
/* ------------------------------------------ */

#menuAriane {
}
#contenuMenuAriane {
	margin-right: 0;
}
#contenuMenuAriane a {
	color: #3e3d3a;
}
#contenuMenuAriane p {
	margin: 0 0 1em 0;
	line-height: 1.4em;
}
#IE7 #menuAriane {
	margin-bottom: -14px; /* bugfix padding-bottom du hr */
}

/* ------------------------------------------ */
/* Conteneur central */
/* Messages d'avertissement */
/* ------------------------------------------ */

#warning {
}
#contenuWarning {
	margin-right: 0;
}
#contenuWarning p {
	padding: 0.5em 3%;
	margin-top: 0;
	margin-bottom: 1em;
}

/* ------------------------------------------ */
/* Conteneur central */
/* Menu Secondaire */
/* ------------------------------------------ */

#btnMenuNav2Hide {
	display: none;
}
#menuNav2 {
	width: 23%;
	float: left;
}
#IE7 #menuNav2 {
}
#contenuMenuNav2 {
}
#IE7 #contenuMenuNav2 hr {
	display: none; /* supprime le hr inutile et son bug padding-bottom */
}
#contenuMenuNav2 a {
	display: block;
	line-height: 1.4em;
	padding: 0.5em 10px;
	color: #fff;
  background-color: #8a8981;
	border-bottom: 1px solid #fff;
}
#IE7 #contenuMenuNav2 a {
  zoom: 1;
}
#IE8 #contenuMenuNav2 a {
  line-height: 17px; /* bugfix affichage aleatoire des espaces verticaux entre li */
}

/* ------------------------------------------ */
/* Conteneur central */
/* Menu 2 - Nouveau et Promo */
/* ------------------------------------------ */

#contenuMenuNav2 ul + ul {
	margin-top: 0.5em;
  border-top: 1px solid #fff;
}

/* ------------------------------------------ */
/* Conteneur central */
/* Menu 2 - Niveaux */
/* ------------------------------------------ */

#contenuMenuNav2 li a {
	background-color: #8a8981;
	color: #fff;
}
#contenuMenuNav2 li li a {
	background-color: #717069;
  padding-left: 25px;
}
#contenuMenuNav2 li li li a {
	background-color: #575652;
  padding-left: 40px;
}
#contenuMenuNav2 li li li li a {
	background-color: #3e3d3a;
  padding-left: 55px;
}

/* ------------------------------------------ */
/* Conteneur central */
/* Menu 2 - Coloration select et hover */
/* ------------------------------------------ */

#contenuMenuNav2 a:hover {
	background-color: #b1afa5;
	color: #3e3d3a;
}
#contenuMenuNav2 a.current {
	background-color: #FFC20d;
	color: #3e3d3a;
}

/* ------------------------------------------ */
/* Conteneur central */
/* Menu 2 - Fleche sous-menu */
/* ------------------------------------------ */

#contenuMenuNav2 a.menuParentOpen,
#contenuMenuNav2 a.menuParentClose {
	padding-right: 20px;
}
#contenuMenuNav2 li a.menuParentOpen {
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 98% 6px;
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_902.png);
}
#IE7 #contenuMenuNav2 li a.menuParentOpen,
#IE8 #contenuMenuNav2 li a.menuParentOpen {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_902.png);
}
#contenuMenuNav2 li a.menuParentClose {
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 98% 6px;
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_901.png);
}
#IE7 #contenuMenuNav2 li a.menuParentClose,
#IE8 #contenuMenuNav2 li a.menuParentClose {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_901.png);
}

/* ------------------------------------------ */
/* Conteneur central */
/* Page */
/* ------------------------------------------ */

#page {
	width: 100%;
	float: right;
	background-color: #fff;
	padding-bottom: 1em;
	overflow: hidden; /* @bugfix affichage iPhone */
}
#menuNav2 + #page,
#infoPlus1 + #page {
	width: 75%;
}
#contenuPage {
}
#contenuPage > * {
	margin-left: 29%;
	margin-right: 3%;
}
#menuNav2 + #page #contenuPage > *,
#infoPlus1 + #page #contenuPage > * {
	margin-left: 3%;
}

/* ------------------------------------------ */
/* Conteneur central */
/* Info Plus 1 */
/* ------------------------------------------ */

#btnInfoPlus1Hide {
  display: none;
}
#infoPlus1 {
  margin-top: 1em;
  font-size: 1em;
  line-height: 1em;
}
#contenuInfoPlus1 {
}
#infoPlus1 ul {
  margin-top: 0.5em;
  border-bottom: #3e3d3a 1px solid;
}
#infoPlus1 li {
}
ul.engagements li {
  margin: 0;
  line-height: 1.2em;
	display: block;
  padding: 6px 0 6px 30px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 0 center;
  border-top: #3e3d3a 1px solid;
}
#IE7 ul.engagements li {
}
ul.engagements li.woman {
	background-image: url(/images/icones/woman_48.png);
}
#IE7 ul.engagements li.woman, 
#IE8 ul.engagements li.woman {
	background-image: url(/images/icones/woman_16.png);
}
ul.engagements li.truck {
	background-image: url(/images/icones/truck_48.png);
}
#IE7 ul.engagements li.truck, 
#IE8 ul.engagements li.truck {
	background-image: url(/images/icones/truck_16.png);
}
ul.engagements li.piggybank {
	background-image: url(/images/icones/piggybank_48.png);
}
#IE7 ul.engagements li.piggybank, 
#IE8 ul.engagements li.piggybank {
	background-image: url(/images/icones/piggybank_16.png);
}
ul.engagements li.dispatch {
	background-image: url(/images/icones/dispatch_48.png);
}
#IE7 ul.engagements li.dispatch, 
#IE8 ul.engagements li.dispatch {
	background-image: url(/images/icones/dispatch_16.png);
}
ul.engagements li.scissors {
	background-image: url(/images/icones/scissors_48.png);
}
#IE7 ul.engagements li.scissors, 
#IE8 ul.engagements li.scissors {
	background-image: url(/images/icones/scissors_16.png);
}
ul.engagements li.trojan {
	background-image: url(/images/icones/trojan_48.png);
}
#IE7 ul.engagements li.trojan, 
#IE8 ul.engagements li.trojan {
	background-image: url(/images/icones/trojan_16.png);
}
ul.engagements li.creditCard {
	background-image: url(/images/icones/credit_card_48.png);
}
#IE7 ul.engagements li.creditCard, 
#IE8 ul.engagements li.creditCard {
	background-image: url(/images/icones/credit_card_16.png);
}
ul.engagements li.location {
	background-image: url(/images/icones/location_48.png);
}
#IE7 ul.engagements li.location, 
#IE8 ul.engagements li.location {
	background-image: url(/images/icones/location_16.png);
}
/* */
ul.engagements li a {
  color: #3e3d3a;
	text-decoration: underline;
  display: block;
  width: 100%;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url(/images/bouticorama/icones/glyph-808080-48/glyph_223.png);
}
ul.engagements li a:hover {
  color: #fff;
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_223.png);
}
#IE7 ul.engagements li a,
#IE8 ul.engagements li a {
	background-image: url(/images/bouticorama/icones/glyph-808080-16/glyph_223.png);
}
#IE7 ul.engagements li a:hover,
#IE8 ul.engagements li a:hover {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_223.png);
}
/**/
ul.TV {
}
ul.TV li {
  margin: 0;
  line-height: 1.2em;
	display: block;
  padding: 12px 0 12px 30px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 0 4px;
  border-top: #3e3d3a 1px solid;
	background-image: url(/images/icones/tv_couleurs_48.png);
}
ul.TV li a {
  color: #3e3d3a;
	text-decoration: underline;
  display: block;
  width: 100%;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url(/images/bouticorama/icones/glyph-808080-48/glyph_223.png);
}
ul.TV li a:hover {
  color: #fff;
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_223.png);
}


/* ****************************************** */
/* 9. INFO PLUS 2 */
/* ****************************************** */

#infoPlus2 {
}
#contenuInfoPlus2 {
}

/* ****************************************** */
/* 10. PIED DE PAGE */
/* ****************************************** */

#piedPage {
	margin-top: 1em;
	color: #fff;
}
#contenuPiedPage {
	width: 94%;
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
	padding: 1em 0;
}
#IE7 #contenuPiedPage,
#IE8 #contenuPiedPage {
	width: 980px;  /* pas de media queries */
}
#piedPage a, 
#menuNav00 a {
	color: #fff;
	text-decoration: underline;
}
#piedPage a:hover, 
#menuNav00 a:hover {
	color: #3e3d3a;
	text-decoration: none;
}
#menuNav00 ul li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #fff;
}
#menuNav00 ul li:first-child {
	border-left: 1px solid #fff;
}

/* ****************************************** */
/* 11. CATALOGUE */
/* ****************************************** */

/* ------------------------------------------ */
/* Catalogue */
/* Texte Intro */
/* ------------------------------------------ */

#intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: bold;
}
#presentation {
	/*display: none;*/
}

/* ------------------------------------------ */
/* Catalogue */
/* Alignement Gamme, Grille, Liste */
/* ------------------------------------------ */

div#catalogue {
	margin-right: 0;
}

/* ------------------------------------------ */
/* Catalogue */
/* Choix mode affichage */
/* ------------------------------------------ */

#menuAffichageCatalogue {
	background-color: #a10e00;
  color: #fff;
	height: 30px; /* hauteur du menu */
	margin-top: 1em;
  margin-right: 3%;
	position: relative;
}

/* ------------------------------------------ */
/* Catalogue */
/* Tri Produit */
/* ------------------------------------------ */

#menuAffichageCatalogue form#formTriProduit {
	width: auto;
	line-height: 30px; /* hauteur du menu */
	padding-left: 10px;
	position: absolute;
	top: 0;
	right: 10px;
}
#menuAffichageCatalogue label, 
#menuAffichageCatalogue select {
	font-size: 12px;
	font-weight: normal;
	width: auto;
}

/* ------------------------------------------ */
/* Catalogue */
/* Affichage Grille ou Liste */
/* ------------------------------------------ */

#modeAffichage {
  height: 30px; /* hauteur du menu*/
	line-height: 30px;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 10px;
}
#modeAffichage > p {
	margin: 0 5px 0 0;
  float:left;
}
#modeAffichage ul {
	display: inline;
  font-size: 0; /* @bugfix espace inline-block */
}
#modeAffichage ul li {
	display: inline-block;
  font-size: 12px;
	line-height: 20px;
  margin: 2px;
}
#IE7 #modeAffichage ul li {
	display: inline;
	zoom: 1;
}
#modeAffichage ul li a {
	display: block;
	color: #fff;
	padding: 0 5px 0 26px;
  border: 1px solid #fff;
}
#modeAffichage ul li#selectGrille a, 
#modeAffichage ul li#selectListe a {
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 5px;
}
#modeAffichage ul li#selectGrille a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_156.png);
}
#IE7 #modeAffichage ul li#selectGrille a, 
#IE8 #modeAffichage ul li#selectGrille a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_156.png);
}
#modeAffichage ul li#selectListe a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_157.png);
}
#IE7 #modeAffichage ul li#selectListe a, 
#IE8 #modeAffichage ul li#selectListe a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_157.png);
}
#modeAffichage ul li a:hover {
	background-color: #64635e;
}
#modeAffichage ul li.current a {
	background-color: #ffc20d;
	color: #3e3d3a;
}
#modeAffichage ul li#selectGrille.current a {
	background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_156.png);
}
#IE7 #modeAffichage ul li#selectGrille.current a, 
#IE8 #modeAffichage ul li#selectGrille.current a {
	background-image: url(/images/bouticorama/icones/glyph-000000-16/glyph_156.png);
}
#modeAffichage ul li#selectListe.current a {
	background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_157.png);
}
#IE7 #modeAffichage ul li#selectListe.current a, 
#IE8 #modeAffichage ul li#selectListe.current a {
	background-image: url(/images/bouticorama/icones/glyph-000000-16/glyph_157.png);
}

/* ------------------------------------------ */
/* Catalogue */
/* Pages Gamme et Grille */
/* ------------------------------------------ */

div#catalogue.grille li.gamme, 
div#catalogue.liste li.gamme, 
div#catalogue.grille li.produit, 
div#catalogue.liste li.produit {
	margin-right: 3%;
}
div#catalogue.grille li.gamme,
div#catalogue.liste li.gamme,
div#catalogue.grille li.produit {
	width: 22%;
	overflow: hidden;
	float: left;
  position: relative;
	height: 200px;
}
div#catalogue.grille li.produit {
	height: 260px;
}

/* ------------------------------------------ */
/* Catalogue */
/* Page Liste */
/* ------------------------------------------ */

div#catalogue.liste li.produit {
	padding: 10px 0;
	border-bottom: 1px solid #8a8981;
}
#IE7 div#catalogue.liste li.produit {
	zoom: 1;
	padding-bottom: 0;
}

/* ------------------------------------------ */
/* Catalogue */
/* Photo principale produit */
/* ------------------------------------------ */

div#catalogue div.photo p {
	text-align: center;
	margin-top: 0;
	background-color: #d7d5c9;
	position: relative;
	width: 100%;
	height: 160px;
	line-height: 160px;
}
div#catalogue.liste li.produit div.photo {
	width: 22%;
	margin-right: 3%;
	float: left;
}
/*
div#catalogue div.photo img.imgH, 
div#catalogue div.photo img.imgV, 
div#catalogue div.photo img.imgAbs {
	vertical-align: middle;
}
div#catalogue div.photo img.imgH {
	width: 90%;
}
div#catalogue div.photo img.imgV {
	height: 90%;
}
div#catalogue div.photo img.imgAbs {
	width: 90%;
}
*/
div#catalogue.grille li.gamme div.photo img,
div#catalogue.liste li.gamme div.photo img,
div#catalogue.grille li.produit div.photo img,
div#catalogue.liste li.produit div.photo img {
  display: inline;
	max-width: 95%;
	max-height: 95%;
}
div#catalogue.grille li.gamme div.photo img.imgAbsente,
div#catalogue.liste li.gamme div.photo img.imgAbsente,
div#catalogue.grille li.produit div.photo img.imgAbsente,
div#catalogue.liste li.produit div.photo img.imgAbsente {
	width: 100%;
	height: 100%;
	max-width: inherit;
	max-height: inherit;
}

/* Catalogue - Survol photo */

div#catalogue div.photo a:hover img {
	filter : alpha(opacity=50);
	opacity : 0.5;
}

/* ------------------------------------------ */
/* Catalogue */
/* Etiquette Promo & co */
/* ------------------------------------------ */

div#catalogue div.photo span.nouveau, 
div#catalogue div.photo span.promotion {
	width: 105px;
	height: 105px;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
div#catalogue div.photo span.nouveau {
	background-image: url(/images/bouticorama/habillage/alerte-nouveau@2x.png);
}
#IE7 div#catalogue div.photo span.nouveau, 
#IE8 div#catalogue div.photo span.nouveau {
	background-image: url(/images/bouticorama/habillage/alerte-nouveau.png);
}
div#catalogue div.photo span.promotion {
	background-image: url(/images/bouticorama/habillage/alerte-promotion@2x.png);
}
#IE7 div#catalogue div.photo span.promotion, 
#IE8 div#catalogue div.photo span.promotion {
	background-image: url(/images/bouticorama/habillage/alerte-promotion.png);
}

/* ------------------------------------------ */
/* Catalogue */
/* Texte descriptif */
/* ------------------------------------------ */

div#catalogue.liste li.produit div.description {
	width: 50%;
	float: left;
}
div#catalogue.grille li.gamme h3,
div#catalogue.grille li.produit h3,
div#catalogue.liste li.gamme h3 {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
  margin-top: 0.5em;
}
div#catalogue.liste li.produit h3 {
	margin-top: 0;
}
div#catalogue li h3 a {
  color: #3e3d3a;
}
div#catalogue li h3 a:hover {
  text-decoration: underline;
}
div#catalogue.grille li.gamme div.description p.detail,
div#catalogue.grille li.produit div.description p.detail,
div#catalogue.liste li.gamme div.description p.detail {
	display: none;
  }

/* ------------------------------------------ */
/* Catalogue */
/* Texte Prix */
/* ------------------------------------------ */

div#catalogue.liste li.produit div.prix {
	width: 22%;
	float: right;
	text-align: center;
}
div#catalogue.grille li.produit div.prix p.promotion, 
div#catalogue.grille li.produit div.prix p.nouveau,
div#catalogue.grille li.produit p.commander span {
	display: none;
}
div#catalogue.liste li.produit div.prix p.promotion,
div#catalogue.liste li.produit div.prix p.nouveau {
	margin-top: 0;
	margin-bottom: 0.5em;
  font-size: 14px;
	font-weight: bold;
	color: #a10e00;
}
div#catalogue p.prix {
  font-size: 12px;
	line-height: 1.2em;
}
div#catalogue.grille li.produit p.prix {
  margin-top: 0;
}
div#catalogue.grille li.produit p.prix span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
  font-size: 16px;
  color: #a10e00;
  display: block;
}
div#catalogue.liste li.produit p.prix span.prix {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
  font-size: 21px;
}
div#catalogue.grille li.produit p.commander {
  width: 25%;
  float: right;
  margin-top: 7px;
}
div#catalogue.grille li.produit p.commander a,
div#catalogue.liste li.produit p.commander a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_202.png);
}
div#catalogue.grille li.produit p.commander a {
	display: block;
  width: 34px;
}
div#catalogue.grille li.produit p.commander a span {
	position: absolute;
  left: -9999px;
}
#IE7 div#catalogue.grille li.produit p.commander a {
  padding: 0;
}
div#catalogue.liste li.produit p.commander a {
	display: inline;
  padding-left: 34px;
  width: auto;
}
#IE7 div#catalogue.grille li.produit p.commander a,
#IE7 div#catalogue.liste li.produit p.commander a, 
#IE8 div#catalogue.grille li.produit p.commander a, 
#IE8 div#catalogue.liste li.produit p.commander a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_202.png);
}

/* ------------------------------------------ */
/* Catalogue */
/* Texte Stock */
/* ------------------------------------------ */

p.prixSurDevis {
  text-align: center;
  margin-top: 1em;
  font-size: 1em;
  font-weight: bold;
}
p.dispoEnStock,
p.dispoBientotEnStock,
p.dispoSurCommande,
p.indispo,
p.delaiNC {
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
}
p.dispoEnStock,
p.dispoBientotEnStock {
  color: #000;
  font-weight: bold;
}
p.dispoSurCommande {
  color: #000;
}
p.indispo {
  color: #c81300;
  font-weight: bold;
}
p.delaiNC {
  color: #000;
}
p.dispoEnStock + p.commander a.button {
  background-color: #31ba00;
}
p.dispoBientotEnStock + p.commander a.button {
  background-color: #ffc20d;
}
p.dispoSurCommande + p.commander a.button {
  background-color: #ff8b0e;
}
p.indispo + p.commander a.button {
	background-color: #c81300;
}
p.delaiNC + p.commander a.button {
  background-color: #aaaaaa;
}
p.dispoEnStock + p.commander a.button:hover,
p.dispoBientotEnStock + p.commander a.button:hover,
p.dispoSurCommande + p.commander a.button:hover,
p.indispo + p.commander a.button:hover,
p.delaiNC + p.commander a.button:hover {
  background-color: #8a8981;
}
#catalogue div.prix p {
  text-align: left;
  line-height: 1.2em;
  margin-top: 1em;
}
#catalogue.grille div.prix p.dispoEnStock,
#catalogue.grille div.prix p.dispoBientotEnStock,
#catalogue.grille div.prix p.dispoSurCommande,
#catalogue.grille div.prix p.delaiNC {
  width: 70%;
  float: left;
  text-align: right;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
#catalogue.grille div.prix p.indispo {
  text-align: right;
}
  
/* ------------------------------------------ */
/* Catalogue - Page Produit */
/* Photos */
/* ------------------------------------------ */

div#pageProduitImg {  
  margin-top: 1em;
}

/* ------------------------------------------ */
/* Catalogue - Page Produit */
/* Photo zoom */
/* ------------------------------------------ */

div#pageProduitImgMaxi {  
  display: inline;
	float: left;
	width: 74%;
	height: 520px;
  line-height: 520px;
	margin: 0;
}
div#pageProduitImgMaxi div.photo {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
	background-color: #d7d5c9;
}
div#pageProduitImgMaxi div.photo p {
  margin-top: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
	background-color: #d7d5c9;
}
div#pageProduitImgMaxi div.photo img {
  display: inline;
	max-width: 95%;
	max-height: 95%;
}

/* ------------------------------------------ */
/* Catalogue - Page Produit */
/* Photos vignette */
/* ------------------------------------------ */

div#pageProduitImgMini {
	float: left;
	width: 26%;
}
div#pageProduitImgMini div {
	width: 45%;
  text-align: center;
	height: 80px;
  line-height: 80px;
	float: left;
  margin: 0 0 5% 5%;
	background-color: #3e3d3a;
}
div#pageProduitImgMini div img {
  display: inline;
	max-width: 90%;
	max-height: 90%;
}
div#pageProduitImgMini div a:hover img {
	opacity: 0.5;
}

/* ------------------------------------------ */
/* Catalogue - Page Produit */
/* Textes divers */
/* ------------------------------------------ */

#intro.pageProduit,
#presentation.pageProduit {
  margin-bottom: 1em;
}

/* ------------------------------------------ */
/* Catalogue - Page Produit */
/* Prix */
/* ------------------------------------------ */

#pageProduitPrix {
  margin-top: 1em;
  margin-bottom: 1em;
	background-color: #fff0c3;
	float: right;
	width: 47%;
	margin-left: 3%;
  text-align: left;
}
#IE7 #pageProduitPrix form {
	width: auto;
}
#pageProduitPrix ol,
#pageProduitPrix > p {
	margin: 10px;
}
#pageProduitPrix ol li.type, 
#pageProduitPrix ol li.quantite {
  line-height: 16px;
  clear: both;
	vertical-align: middle;
}
#pageProduitPrix label {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  margin: 6px 0;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 35%;
}
#pageProduitPrix input,
#pageProduitPrix select {
	height: 24px;
  font-size: 14px;
  margin: 6px 0;
}
#pageProduitPrix ol li.quantite input,
#pageProduitPrix ol li.quantite select {
  width: 20%;
  width: 60%;
}
#pageProduitPrix ol li.type select {
  max-width: 60%;
  width: 60%;
}
#IE7 #pageProduitPrix ol li.type select {
  width: 60%;
}
#pageProduitPrix p {
}
#pageProduitPrix p.nouveau,
#pageProduitPrix p.promotion {
  text-align: center;
  font-weight: bold;
  color: #c81300;
  margin-bottom: -1em;
}
#pageProduitPrix p.prix {
  margin-top: 14px;
	text-align: center;
}
#pageProduitPrix p.prix span.prix {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
  font-size: 24.5px;
}
#pageProduitPrix p.commander {
  margin: 0.5em auto 0;
  text-align: center;
}
#pageProduitPrix p.commander a {
	display: inline;
  padding-left: 34px;
	background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_202.png);
}
#IE7 #pageProduitPrix p.commander a, 
#IE8 #pageProduitPrix p.commander a {
	background-image: url(/images/bouticorama/icones/glyph-ffffff-16/glyph_202.png);
}

/* ------------------------------------------ */
/* Catalogue - Page Produit */
/* Facebook */
/* ------------------------------------------ */

#pageProduitSocial {
  clear: both;
  margin: 1em 0;
	border-top: 1px solid #8a8981;
	border-bottom: 1px solid #8a8981;
	padding-top: 6px;
  width: 94%;
  overflow: hidden;
}

/* ------------------------------------------ */
/* Catalogue - Page Produit */
/* Autres produits */
/* ------------------------------------------ */

#autresProduits {
  margin-top: 1em;
	margin-right: 2%;
}
#autresProduits ul {
	width: 100%;
}
#autresProduits li {
	width: 19%;
  margin-right: 1%;
	float: left;
}
#autresProduits div.photo {
	width: 100%;
	height: 124px;
  line-height: 124px;
  text-align: center;
	background-color: #d7d5c9;
}
#autresProduits div.photo img {
  display: inline;
	max-width: 90%;
	max-height: 90%;
}
#autresProduits h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
  line-height: 14px;
	margin: 6px 5% 3px 0;
}
#autresProduits h3 a {
	color: #3e3d3a;
}
#autresProduits a:hover {
	text-decoration: underline;
}
#autresProduits p.prix {
	font-size: 12px;
	line-height: 14px;
	margin: 0;
}
#autresProduits p.prix span {
	white-space: nowrap;
	font-size: 14px;
  font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* ****************************************** */
/* 12. VENTE EN LIGNE */
/* ****************************************** */

/* ------------------------------------------ */
/* Vente en ligne */
/* Process */
/* ------------------------------------------ */

ol#process {
  display: table;
  width: 95%; /* 94% + 1% espace li */
  padding: 0;
}
ol#process li {
  height: 32px;
  line-height: 32px;
  float: left;
  text-align: center;
  width: 24%;
  margin-right: 1%;
  font-size: 12px;
  font-weight: bold;
  background-color: #d7d5c9;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
#IE7 ol#process li {
  width: 23.9%;
}
ol#process li.current {
  background-color: #ffc20D;
}

/* ------------------------------------------ */
/* Vente en ligne */
/* Panier */
/* ------------------------------------------ */

table#panierTableau td,
table#panierTableau th {
  vertical-align: top;
  padding: 10px;
}
table#panierTableau td.panierPhoto {
  padding-right: 0;
	text-align: right;
}
table#panierTableau td.panierArticle p.dispoVert,
table#panierTableau td.panierArticle p.dispoJaune,
table#panierTableau td.panierArticle p.dispoOrange{
	display:inline-block;
}
table#panierTableau td.panierArticle p.dispoVert,
table#panierTableau td.panierFrais span.dispoVert {
	color: white;
	background-color:#31ba00;
	font-weight: bold;
	padding: 5px 15px;
	border-radius: 30px;
	white-space: nowrap;
}
table#panierTableau td.panierArticle p.dispoJaune,
table#panierTableau td.panierFrais span.dispoJaune {
	color: white;
	background-color:#ffc20d;
	font-weight: bold;
	padding: 5px 15px;
	border-radius: 30px;
	white-space: nowrap;
}
table#panierTableau td.panierArticle p.dispoOrange,
table#panierTableau td.panierFrais span.dispoOrange {
	color: white;
	background-color:#ff8b0e;
	font-weight: bold;
	padding: 5px 15px;
	border-radius: 30px;
	white-space: nowrap;
}
table#panierTableau td.panierPrix,
table#panierTableau th.panierPrix,
table#panierTableau td.panierQuantite,
table#panierTableau th.panierQuantite,
table#panierTableau td.panierPrixTotal,
table#panierTableau th.panierPrixTotal {
  text-align: right;
	white-space: nowrap;
}
table#panierTableau td.panierFrais p.alerteColis {
	background-color: #FFF;
	padding: 0.25em 0.5em;
}
table#panierTableau p {
  margin: 3px 0;
}
table#panierTableau p.h5 a {
  text-decoration: none;
	color: #3e3d3a;
}
table#panierTableau p.h5 a:hover {
  text-decoration: underline;
	color: #a10e00;
}
table#panierTableau td input,
table#panierTableau td select {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	border: 1px solid #8a8981;
	padding: 4px;
  margin: 0;
	height: auto;
  vertical-align: middle;
}
table#panierTableau td.panierQuantite {
  width: 3em;
}
table#panierTableau td input {
  text-align: right;
  width: 3em;
}
#panierButtons {
}
#panierButtons p.continuerAchats,
#panierButtons p.recalculerPanier {
  float: left;
  margin-right: 3%;
}
#panierButtons p.validerPanier {
  float: right;
}

/* ------------------------------------------ */
/* Vente en ligne */
/* Page Identification */
/* ------------------------------------------ */

#IE7 div#oldClient,
#IE7 div#newClient {
	width: 100%;
}

/* ------------------------------------------ */
/* Vente en ligne */
/* Page Vos commandes */
/* ------------------------------------------ */

div.listeCommande {
	margin: .75em 0;
  border: 1px solid #8a8981;
}
div.listeCommande p {
	margin-left: 25%;
	margin-bottom: 1em;
}
div.detailCommande,
div.moyenPaiement {
	margin: .75em 0;
	padding: 0 3% 1em;
  border: 1px solid #8a8981;
}
div.detailCommande h2,
div.moyenPaiement h2 {
	margin: 14px 0 0;
}
div.detailCommande table,
div.moyenPaiement table {
  width: 100%;
}
#IE7 div.detailCommande table,
#IE7 div.moyenPaiement table {
  width: 104%;
}
table#commandeAdresses td,
table#commandeAdresses th {
  border-right: 1px solid #fff;
}

/* ------------------------------------------ */
/* Vente en ligne */
/* Page Vos coordonnees */
/* ------------------------------------------ */

fieldset.adressesLivraison,
fieldset.adressesFacturation {
	margin-top: 0;
	border: none;
	padding: 0;
}
fieldset.adressesFacturation > p {
	margin-left: 0;
}
fieldset.adresse {
	padding: 7px 0 14px 0;
}
fieldset.adresse p {
	margin-left: 25%;
}
div.adresse {
	margin-top: 1em;
	border: 1px solid #8a8981;
	padding: 0 10px 0.5em;
  position: relative;
	min-height: 2em;
}
div.adresse > p.legend {
  background-color:#fff;
  width: auto;	
	white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  margin: -8px 0 0 5px;
  padding: 0 5px;
}
div.adresse > p.legend label,
div.adresse > p.legend input {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px; 
  line-height: 16px;
  width: auto;
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: middle;
}
#nouvelleAdresseLivraison,
#nouvelleAdresseFacturation {
  margin-top: 1em;
}

/* ------------------------------------------ */
/* Vente en ligne */
/* Page Paiement */
/* ------------------------------------------ */

fieldset.moyenPaiement p {
  text-align: center;
}
fieldset.moyenPaiement p.small {
  text-align: left;
}
h2 span {
  border: 1px solid #8a8981;
  padding: 0 10px;
}

/* ****************************************** */
/* 13. WIDGETS */
/* ****************************************** */

/* ------------------------------------------ */
/* Widgets */
/* Cartes Google */
/* ------------------------------------------ */

iframe.mapsGoogle,
div#map {
	margin: 1em 3% 0 0;
	width: auto;
	height: 350px;
	border: 1px solid #3e3d3a;
}
div#map * {
	box-sizing: content-box;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/* ------------------------------------------ */
/* Widgets */
/* Agenda */
/* ------------------------------------------ */

p.date {
	font-weight: bold;
}

/* ****************************************** */
/* 14. PORTFOLIO */
/* ****************************************** */

/* ****************************************** */
/* 15. BLOG */
/* ****************************************** */

div.navigation {
  text-align: center;
  margin-top: 1em;
  padding-top: 0.5em;
  border-top: 1px solid #8A8981;
}
h4.date {
  font-size: 14px;
}
h2.titre {
  margin-top: 0.2em;
}

/* ****************************************** */
/* 16. FORUM */
/* ****************************************** */

/* ****************************************** */
/* 17. ACTUALITES */
/* ****************************************** */

/* ****************************************** */
/* 18. CALENDRIER */
/* ****************************************** */

/* ****************************************** */
/* 19. MEDIA QUERIES */
/* ****************************************** */

/* ------------------------------------------ */
/* Media Queries Old site Guinhut */
/* Pages editables */
/* ------------------------------------------ */

h2.editable { /* equivalent h1 */
	margin: 20px 0 0;
	font-size: 30px; 
	line-height: 1.15em;
}
p.editable {
}
p.infoImportant { /* equivalent Warning */
	padding: 0.5em 3%;
	background-color: #fff0c3;
 	border: 1px solid #ffc20d;
}
p.blocImage {
  text-align: center;
}
p.blocImage img {
  max-width: 100%;
}
img.imgParagrapheGauche {
  width: 50%;
  margin: 0 10px 7px 0;
}
img.imgParagrapheDroite {
  width: 50%;
  margin: 0 0 7px 10px;
}
h3.musee {
  margin: 14px 0 0 0;
  font-size: 25px;
  line-height: 1.15em;
  font-weight: normal;
}
h3.musee + a {
  float: left;
  width: 17%;
  margin: 1em 0;
}
img.musee {
  width: 100%;
}
p.musee {
  float: right;
  width: 74%;
}
p.museeWeb {
  float: right;
  width: 74%;
}
p.musee + hr,
p.museeWeb + hr {
  clear: both;
}
#menuNav2 + #page #contenuPage p.musee {
  margin: 1em 3% 1em 0;
}
#menuNav2 + #page #contenuPage p.museeWeb {
  margin: -0.5em 3% 1em 0;
}

/* ****************************************** */
/* 18. DIAPORAMA */
/* ****************************************** */

div.diaporama {
	margin: 14px 0 0 0;
	padding: 0;
	}

/* Responsiveslides */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/* ------------------------------------------ */
/* Media Queries */
/* Max 960px */
/* ------------------------------------------ */

@media only screen and (max-width: 960px) {
	
  /* ROUGE */
	/*
	#conteneur {
		background-color:#f00;
	}
	*/
	
	/* ---------------------------------------- */
	/* MQ 960 - Entete */

	#logo {
  	padding-left: 0;
    margin-left: -5px;
	}
	p.logo a.logo {
		width: 550px;
	}
  p.baseline {
    width: 60%;
    line-height: 14px;
    padding-bottom: 6px;
    margin-left: 130px;
    margin-top: 10px;
	}
  p.promo {
    top: 24px;
		/* left: 120px; */
  }
	#menuNavLangue {
    /* left: 115px; */
	}  
  
	/* ---------------------------------------- */
  /* MQ 960 - Catalogue Page Liste */
  
	div#catalogue.liste li.produit h3,
  div#catalogue.liste li.produit p.prix span.prix {
  	font-size: 18px;
	} 
	div#catalogue.liste li.produit div.photo p {
		height: 140px;
		line-height: 140px;
	}
  
	/* ---------------------------------------- */
  /* MQ 960 - Catalogue Page Produit  */
  
	div#pageProduitImgMaxi {
		height: 440px;
		line-height: 440px;
	}
	div#pageProduitImgMini div {
		height: 70px;
		line-height: 70px;
  }
	#autresProduits div.photo {
		height: 100px;
  	line-height: 100px;
	}
  
}

/* ------------------------------------------ */
/* Media Queries */
/* Max 860px */
/* ------------------------------------------ */

@media only screen and (max-width: 860px) {
	
  /* ROSE */
	/*
	#conteneur {
		background-color:#f0f;
	}
	*/

	/* ---------------------------------------- */
	/* MQ 860 - Tableaux */
  
	/*
  div.tableau { 
    width: auto;
    overflow: auto;
  }
  */
  table {
    table-layout: fixed; 
  }
  table td,
  table th {
    overflow: hidden;
    word-wrap: break-word; 
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    border: 1px solid #fff;
  }
  table *,
  table#panierTableau * {
    font-size: 12px;
    line-height: 14px;
  }
  
	/* ---------------------------------------- */
  /* MQ 860 - Catalogue Largeur Photos */
  
  div#catalogue.grille li.gamme,
	div#catalogue.liste li.gamme,
	div#catalogue.grille li.produit {
		width: 30.3%;
	}
  div#catalogue.liste li.produit div.description {
		max-width: 43%; 
	}
  div#catalogue.liste li.produit div.prix {
		min-width: 28.6%;
	}
}

/* ------------------------------------------ */
/* Media Queries */
/* Max 768px */
/* ------------------------------------------ */

@media only screen and (max-width: 768px) {
	
  /* VERT */
	/*
	#conteneur {
		background-color:#0f0;
	}
	*/
  
	/* ---------------------------------------- */
	/* MQ 768 - Formulaires */
  
	#recaptcha_image {
		max-width: 280px;
	}
  
	/* ---------------------------------------- */
	/* MQ 768 - Entete */
	
  #logo {
    margin-left: 0;
	}  
  p.logo {
    text-align: center;
  }
	p.logo a.logo {
    width: 100%;
		max-width: 550px;
    margin: auto;
	}
  p.baseline {
    width: 100%;
    margin-left: 0;
    /* margin-top: 5px; */
    text-align: center;
	}
  p.promo {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
  }
  
	/* ---------------------------------------- */
	/* MQ 768 - Conteneurs */
  
	#conteneur,
  #contenuConteneur {
    width: 100%;
    height: auto;
    position: inherit;
  } 
  #menuAriane {
    display: none;
  }
  #warning,
  #page,
  #menuNav2 + #page {
    width: 94%;
    float: none;
    margin: 0 auto;
  }
  #contenuPage > *,
  #menuNav2 + #page + #contenuPage > * {
    margin-left: 3%;
    margin-right: 3%;
  }	

	/* ---------------------------------------- */
	/* MQ 768 - Menu Utilitaires */
  
  #menuUtilitaires {
    width: 100%;
  }
  #contenuMenuUtilitaires {
    width: 80%;
    max-width: 260px;
		background-color: #d7d5c9;
    padding: 37px 10px 10px 10px;
    position: absolute;
    z-index: 100;
    top: 0;
    left: -150%;
    height: auto;
    box-shadow: 0 0 50px #000;
		-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
  }
  #contenuMenuUtilitaires:target {
    left: -3%;
  }
  #menuUtilitaires:target #contenuMenuUtilitaires {
    left: -150%;
  }
  #menuNav0,
  #menuNavSocial,
  #menuNavLangue,
	#newsletter,
  #recherche {
    width: 100%;
		max-width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    text-align: left;
  }
  
	/* ---------------------------------------- */
	/* MQ 768 - Menu 0 */
  
  #menuNav0 * {
    font-size: 12px;
		font-weight: bold;
  }
  ul.navList0 {
		margin-bottom: 10px;
	}
	ul.navList0 li a {
		line-height: 16px;
    padding: 8px 8px 8px 38px;
		background-size: 20px;
    background-position: 8px;
    background-color: #8a8981;
    color: #fff;
  }
	ul.navList0 li a:hover {
		background-color: #b1afa5;
		color: #3e3d3a;
	}

	/* ---------------------------------------- */
	/* MQ 768 - Menu Langues */
  
  ul.navLangue {
		margin-top: 0;
		margin-bottom: 10px;
	}
  ul.navLangue li {
		display: inline;
    margin: 0;
	}
	ul.navLangue li a {
		margin-top: 0;
		display: block;
    width: 100%;
    height: auto;
		padding-left: 38px;
		background-size: 20px;
    background-position: 8px;
		background-color: #b1afa5;
    color: #3e3d3a;
    border-bottom: 1px solid #3e3d3a;
	}
	ul.navLangue li a:hover {
    opacity: 1;
    background-color: #8a8981;
    color: #fff;
	}
	ul.navLangue li a span {
  	position: inherit;
  	left: 0;
    font-size: 14px;
		font-weight: bold;
    color: inherit;
		line-height: 32px;
	}
  ul.navLangue li.fr a {
		background-image: url(/images/bouticorama/icones/drapeau-btn-64/FR.png);
  }
  ul.navLangue li.en a {
		background-image: url(/images/bouticorama/icones/drapeau-btn-64/GB.png);
	}
  
	/* ---------------------------------------- */
	/* MQ 768 - Menu Social */
  
	ul.navSocial {
		margin: 10px 0;
	}
  ul.navSocial li {
		display: inline;
    margin: 0;
	}
  ul.navSocial li p {
    display: none;
	}
	ul.navSocial li a {
		display: block;
    width: 100%;
		padding-left: 38px;
		line-height: 24px;
    background-color: #8a8981;
    color: #fff;
		background-size: 20px;
    background-position: 8px;
	}
	ul.navSocial li a:hover {
    opacity: 1;
		background-color: #b1afa5;
    color: #3e3d3a;
	}
	ul.navSocial li a span {
  	position: inherit;
  	left: 0;
    font-size: 12px;
		font-weight: bold;
    color: inherit;
		line-height: 32px;
	}
	ul.navSocial li.facebook a {
		background-image: url(/images/bouticorama/icones/glyph-ffffff-48/glyph_410.png);
	}
	ul.navSocial li.facebook a:hover {
		background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_410.png);
	}
  
	/* ---------------------------------------- */
	/* MQ 768 - Newsletter & Recherche */
 
 #recherche {
    width: auto;
    color: #3e3d3a;
    position: relative;
    right: 0;
  }
 #contenuRecherche {
    height: 32px;
    padding-left: 38px;
		background-size: 20px;
		background-repeat: no-repeat;
    background-position: 8px;
    white-space: nowrap;
	}
	#contenuRecherche {
		background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_027.png);
	}
  #contenuNewsletter input[type=text],
	#contenuRecherche input[type=text] {
		width: 60%; 
		max-width: 60%;
	}
	#contenuRecherche input.button {
		font-weight: bold;
    font-size: 12px;
    float: right
	}

	/* ---------------------------------------- */
	/* MQ 768 - Menu 1 */
   
  #menuNav1 {
  }
  #contenuMenuNav1 {
    width: 80%;
    max-width: 260px;
		background-color: #d7d5c9;
    padding: 37px 10px 10px 10px;
    position: absolute;
    z-index: 100;
    top: 0;
    left: -150%;
    height: auto;
    box-shadow: 0 0 50px #000;
		-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
	}
  #contenuMenuNav1:target {
    left: 0;
  }
  #menuNav1:target #contenuMenuNav1 {
    left: -150%;
  }
  #contenuMenuNav1 * {
    font-size: 12px;
		font-weight: bold;
  }
  #contenuMenuNav1 ul.navList11 li {
		display: block;
	}
	#contenuMenuNav1 ul.navList11 li a {
		display: block;
		height: auto;
		line-height: 1.2em; /**/
		padding: 8px;
    background-color: #8a8981;
    color: #fff;
		border-right: none;
    border-bottom: 1px solid #d7d5c9;
	}
	#contenuMenuNav1 ul.navList11 li:hover > a, 
	#contenuMenuNav1 ul.navList11 li a:hover {
		background-color: #b1afa5;
    color: #3e3d3a;
	}
	#contenuMenuNav1 ul.navList11 li.accueil a {
		background-image: none;
		width: auto;
    background-color: #8a8981;
    color: #fff;
	}
	#contenuMenuNav1 ul.navList11 li.accueil:hover > a.current, 
	#contenuMenuNav1 ul.navList11 li.accueil a.current, 
	#contenuMenuNav1 ul.navList11 li.accueil a.current:hover {
		background-image: none;
	}
	#contenuMenuNav1 ul.navList11 li.accueil a span {
  	position: relative;
  	left: 0;
	}
  #contenuMenuNav1 ul.navList12 {
		display: block;
		position: relative;
		border-top: none;
		box-shadow: none;	
	}
	#contenuMenuNav1 ul.navList12 li {
  	width: auto;
	}
	#contenuMenuNav1 ul.navList12 li a {
		background-color: #64635e;
	}
  
	/* ---------------------------------------- */
	/* MQ 768 - Menu 2 */
   
  #menuNav2 {
  }
  #contenuMenuNav2 {
    width: 80%;
    max-width: 260px;
		background-color: #d7d5c9;
    padding: 37px 10px 10px 10px;
    position: absolute;
    z-index: 100;
    top: 0;
    left: -150%;
    box-shadow: 0 0 50px #000;
		-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
  } 
  #contenuMenuNav2:target {
    left: 0;
  }
  #menuNav2:target #contenuMenuNav2 {
    left: -150%;
  }
  #menuNav2 * {
    display: block;
		font-weight: bold;
  }
  #contenuMenuNav2 > ul,
  #contenuMenuNav2 > ul + ul{
  	border-top: #d7d5c9 1px solid;
  }
  #contenuMenuNav2 a {
  	border-bottom: #d7d5c9 1px solid;
	}
  #contenuMenuNav2 a,
  #contenuMenuNav2 li a,
  #contenuMenuNav2 li li a,
  #contenuMenuNav2 li li li a,
  #contenuMenuNav2 li li li li a {
		padding: 8px 10px 8px 8px;
		font-weight: bold;
	}
  
  /* ---------------------------------------- */
	/* MQ 768 - Menu InfosPlus */

  #infoPlus1 h3 {
    display: none;
  }
  #infoPlus1 {
    width: 80%;
    max-width: 260px;
		background-color: #d7d5c9;
  	margin-top: 0;
    padding: 37px 10px 10px 10px;
    position: absolute;
    z-index: 100;
    top: 0;
    left: -150%;
    height: auto;
    box-shadow: 0 0 50px #000;
		-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
	}
  #infoPlus1:target {
    left: 0;
  }
  #menuNav1:target #infoPlus1 {
    left: -150%;
  }
  #infoPlus1 * {
    font-size: 12px;
		color: #3e3d3a;
		font-weight: bold;
  }
  #infoPlus1 ul li {
		line-height: 16px;
    padding: 8px 0 8px 38px;
		background-size: 20px; /**/
    background-position: 8px;
	}
  #infoPlus1 ul li a {
    display: block;
		color: #3e3d3a;
		font-weight: bold;
    padding-right: 10px;
	}
  #infoPlus1 ul li a:hover {
		color: #ffffff;
	}
  
	/* ---------------------------------------- */
	/* MQ 768 - Show Menus */
  
  #btnMenuShow {
    display: block;
    height: 180px;
    width: 60px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 80;
    box-shadow: 0 0 32px #000;
  }   
  #btnMenuShow a {
    background-color: #ffc20d;
    display: block; 
    text-align: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1px;
		background-size: 24px;
		background-repeat: no-repeat;
		background-position: center 10px;
    color: #3e3d3a;
    font-size: 10px;
    line-height: 12px;
    padding-top: 38px;
    text-decoration: none;
	}  
  #btnMenuUtilitairesShow {
		background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_195.png);
	}
  #btnMenuNav1Show {
		background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_158.png);
	}
  #btnMenuNav2Show {
		background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_351.png);
	}
  #btnInfoPlus1Show {
		background-image: url(/images/bouticorama/icones/glyph-000000-48/glyph_343.png);
	}

	/* ---------------------------------------- */
	/* MQ 768 - Hide Menus */
  
  #btnMenuUtilitairesHide,
  #btnMenuNav1Hide,
  #btnMenuNav2Hide,
  #btnInfoPlus1Hide {
    display: block;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 2px;
    right: 4px;
  }  
  #btnMenuUtilitairesHide a,
  #btnMenuNav1Hide a,
  #btnMenuNav2Hide a,
  #btnInfoPlus1Hide a {
		display: block;
    background-color: transparent;
    text-decoration: none;
    border: none;
    width: 24px;
    height: 24px;
    margin: 4px;
		background-size: 24px;
		background-repeat: no-repeat;
		background-position: 0;
		background-image: url(/images/bouticorama/icones/glyph-808080-48/glyph_197.png);
	} 
  #btnMenuUtilitairesHide a:hover,
  #btnMenuNav1Hide a:hover,
  #btnMenuNav2Hide a:hover,
  #btnInfoPlus1Hide a:hover {
    background-color: transparent;
	}
	#btnMenuUtilitairesHide a span,
  #btnMenuNav1Hide a span,
  #btnMenuNav2Hide a span,
  #btnInfoPlus1Hide a span {
		position: absolute;
    left: -9999px;
	} 
  
	/* ---------------------------------------- */
  /* MQ 768 - Catalogue Menu Affichage */
  	
  /*
	#menuAffichageCatalogue {
    height: auto;
  }
  #modeAffichage {
		position: relative;
		left: 0;
    padding-left: 10px;
    border-top: 1px solid #fff;
	}
	*/ 
	
}

/* ------------------------------------------ */
/* Media Queries */
/* Max 600px */
/* ------------------------------------------ */

@media only screen and (max-width: 600px) {
	
  /* BLEU */
	/*
	#conteneur {
		background-color:#00f;
	}
	*/
  
	/* ---------------------------------------- */
	/* MQ 600 - Catalogue Largeur Photos */
  
	div#catalogue.liste li.produit div.photo {
		width: 30%;
    float: left;
	}
  div#catalogue.liste li.produit div.description {
		width: 67%;
    max-width: 67%;
    padding-bottom: 0.5em;
	}
  div#catalogue.liste li.produit div.prix {
    border: 1px dotted #8a8981;
		width: 67%;
    padding: 0.5em;
	}
  
	/* ---------------------------------------- */
  /* MQ 600 - Catalogue Page Produit  */
  
	div#pageProduitImgMaxi {
		width: 100%;
		height: 380px;
		line-height: 380px;
    margin-bottom: 7px;
	}
  div#pageProduitImgMini {
    width: 101%;
	}
	div#pageProduitImgMini div {
		width: 19%;
  	margin: 0 1% 1% 0;
  }
  
  /* ---------------------------------------- */
  /* MQ 600 - Catalogue Menu Affichage */
  
  #menuAffichageCatalogue {
    height: 60px;
  }
  #menuAffichageCatalogue form#formTriProduit {
    top: 30px;
    left: 0;
    border-top: 1px solid #fff;
    width: 100%;
	}
  
}

/* ------------------------------------------ */
/* Media Queries */
/* Max 480px */
/* ------------------------------------------ */

@media only screen and (max-width: 480px) {
	
  /* JAUNE */
	/*
	#conteneur {
		background-color:#ff0;
	}
	*/
  
	/* ---------------------------------------- */
  /* MQ 480 - Citations */
  
  blockquote {
  padding-left: 1em;
  }
  
	/* ---------------------------------------- */
  /* MQ 480 - Formulaires */
  
	p.twoboxes {
		width: 96%;
	}
	div.twoCheckedBox {
  	padding-left: 0;
		background-color:#ff0;
	}
  label, 
	.fakeLabel,  
	.fakeLabelSolo {
  	width: 100%;
		text-align: left;
  }
	p.twoboxes label, 
	p.twoboxes .fakeLabel,  
	p.twoboxes .fakeLabelSolo {
		width: 100%;
	}
  p.checkedBox label {
		width: 80%;
	}   
  input,
  textarea {
		width: 100%;
	}
  .inputAlignSmall, 
  .inputAlignNormal
	{
    width: 100%;
    margin-left: 0;
	}

	/* ---------------------------------------- */
  /* MQ 480 - Formulaire Adresse */

	fieldset.adresse p {
    margin-left: 3%;
	}
  div.adresse .inputAlignNormal {
		margin-top: 1em;
	}
	div.listeCommande p {
  	margin-left: 3%;
  }
  
	/* ---------------------------------------- */
	/* MQ 480 - Formulaire Feuille de mesure */

  fieldset#blocTaille p img {
		width: 100%;
	}
	fieldset#blocTaille p.twoboxes .inputAlignSmall {
    width: 100%;
	}
  
	/* ---------------------------------------- */
	/* MQ 480 - Entete */
	
	p.logo a.logo {
    height: 85px;
	}
  
	/* ---------------------------------------- */
  /* MQ 480 - Catalogue Largeur Photos */
  
  div#catalogue.grille li.gamme,
	div#catalogue.liste li.gamme,
	div#catalogue.grille li.produit {
		width: 47%;
	}
  
	/* ---------------------------------------- */
  /* MQ 480 - Catalogue Page Produit  */
  
	div#pageProduitImgMaxi {
		height: 320px;
		line-height: 320px;
	}
	div#pageProduitImgMini div {
		height: 60px;
		line-height: 60px;
  }
  #pageProduitPrix {
		width: 94%;
	}
	#pageProduitPrix label {
		width: 25%;
	}
	#pageProduitPrix ol input,
	#pageProduitPrix ol select {
  	width: auto;
  	max-width: auto;
	}
	#autresProduits li {
		width: 100%;
  	margin-right: none;
    margin-bottom: 6px;
    clear: both;
	}
	#autresProduits div.photo {
		width: 100px;
    float: left;
	}
	#autresProduits h3,
  #autresProduits p.prix {
    margin-left: 106px;
  }
  
	/* ---------------------------------------- */
  /* MQ 480 - Pages editables GUINHUT */
  
  h3.musee + a {
  	width: 37%;
	}
	p.musee,
	p.museeWeb {
  	width: auto;
    float: none;
    padding: 0 3%;
	}	
}

/* ------------------------------------------ */
/* Media Queries */
/* Max 320px */
/* ------------------------------------------ */

@media only screen and (max-width: 320px) {
	
  /* CYAN */
	/*
	#conteneur {
		background-color:#0FF;
	}
	*/
  
	/* ---------------------------------------- */
	/* MQ 320 - Formulaires */
  
	#recaptcha_image {
		max-width: 180px;
	}
  
	/* ---------------------------------------- */
	/* MQ 320 - Entete */
	
	p.baseline,
	p.promo {
  	display: none;
	}
  
	/* ---------------------------------------- */
	/* MQ 320 - Catalogue Photo */

  div#catalogue.grille li.gamme,
	div#catalogue.liste li.gamme,
	div#catalogue.grille li.produit {
		height: 160px;
	}
	div#catalogue.grille li.produit {
		height: 190px;
	}
  div#catalogue div.photo p {
		height: 120px;
		line-height: 120px;
	}
	div#catalogue.liste li.produit div.photo,
  div#catalogue.liste li.produit div.description,
  div#catalogue.liste li.produit div.prix {
		width: 100%;
		max-width: 100%;
	}
  
	/* ---------------------------------------- */
  /* MQ 320 - Catalogue Page Produit  */
	
	div#pageProduitImgMaxi {
		height: 270px;
		line-height: 270px;
	}
	div#pageProduitImgMini div {
		height: 50px;
		line-height: 50px;
  }
	
}

/* ------------------------------------------ */
/* Media Queries */
/* Bug iOs Paysage */
/* ------------------------------------------ */

@media (orientation:landscape) {
	html {
		-webkit-text-size-adjust: 100%;
	}
}

/* ****************************************** */
/* 20. IE6 */
/* ****************************************** */

#alerteIE6 {
	display: none;
}
#IE6 #alerteIE6 {
	display: block;
}

/* ****************************************** */
/* 21. BETA */
/* ****************************************** */

#gestionBeta {
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 150px;
	margin-left: -75px;
	text-align: center;
}
#gestionBeta a {
	display: block;
	padding: 7px 0;
	text-decoration: none;
	background-color: #f00;
	color: #fff;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}
#gestionBeta a:hover {
	background-color: #f00;
}

/* ****************************************** */
/* 22. IFRAME */
/* ****************************************** */

.flexibleContainer { 
  margin-top: 1em;
	position: relative; 
	height: 0; 
	overflow: hidden; 
} 
.flexibleContainer iframe, 
.flexibleContainer object, 
.flexibleContainer embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; /* comme les images */
	height: 100%; 
	padding: 0;
}

/* 
padding-bottom = Hauteur = X% de la largeur 
16x9 =
4x3 =
3x2 =
*/

.iframeMap { 
	padding-bottom: 66%;
}
.iframeVVP { 
	padding-bottom: 56.3%;
}
.iframeVideo { 
	padding-bottom: 50%;
}

/* Texte */

p.zoom {
  margin-top: 0.5em;
}
p.zoom a {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  background-size: 16px;
  background-position: 0 center;
  background-repeat: no-repeat;
	background-image: url(/images/bouticorama/icones/glyph-000000-32/glyph_236.png);
  padding: 6px 0 6px 20px;
}