/*
Theme Name: Stenoflex
Theme URI: http://www.stenoflex.com/
Author: Agence Modulo
Author URI: http://www.agencemodulo.com/
Description: Thème développé pour le site www.stenoflex.com, tous droits réservés.
Version: 1.0
*/

/* --------------------------------------------------------------
   GOOGLE WEBFONTS
-------------------------------------------------------------- */

@import url(//fonts.googleapis.com/css?family=Varela|Fjord+One);

/* --------------------------------------------------------------
   RESET CSS
-------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* iOS */
html{-webkit-text-size-adjust:100%;}
a:link{-webkit-tap-highlight-color:#d78f94;}

/* selection */
::-moz-selection{background:#d78f94;color:#fff;text-shadow:none;}
::selection{background:#d78f94;color:#fff;text-shadow:none;}

/* --------------------------------------------------------------
   GLOBAL
-------------------------------------------------------------- */

body {
	color:#b4b1b1;
	font-size:14px;
	line-height:1.4;
	font-family:'Fjord One',serif;
	background-color:#373636;
}
h1, h2, h3, h4, h5, h6 {
	color:#B83842;
	font-size:1.15em;
	margin-bottom:0.4em;
}
h3, h4, h5, h6 {
	color:#B83842;
	font-size:1.15em;
	margin-bottom:0.4em;
}
ul, ol, p {
	margin-bottom: 0.8em;
}
p {
	text-align:justify;
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}
select {
	margin:0;
	margin-bottom:0.8em;
}
a {
	color:#b4b1b1;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	color:#eee;
	text-decoration:underline;
}
hr {
	margin-bottom:0.8em;
	border:none;
	border-top:1px solid #ddd;
}
img,
video {
	max-width:100%;
	height:auto;
}
iframe {
	display:block;
	max-width:100%;
	margin-bottom:0.8em;
}
.icon {
	background-image:url(images/sprites.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

/* --------------------------------------------------------------
   WRAPPER
-------------------------------------------------------------- */

#wrapper {
	width:768px;
	margin:30px auto;
}

/* --------------------------------------------------------------
   HEADER
-------------------------------------------------------------- */

#header {
	margin-bottom:10px;
	border-bottom:1px solid #999;
}

@media screen and (max-width:768px)
{
	#header,
	#footer {
		padding-left:10px;
		padding-right:10px;
		margin-left:-20px;
		margin-right:-20px;
	}
	#footer .deco {
		margin-left:-10px;
		margin-right:-10px;
	}
}

/* BANNER
-------------------------------------------------------------- */

#banner {
	margin-bottom:20px;
}
#site-title a {
	width:393px;
	height:62px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:7px;
	color:#b5b3b4;
	font-size:2.5em;
	font-family:Arial;
	font-weight:normal;
	line-height:1em;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	/* image replacement */
	background-image:url(images/title-stenoflex.png);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999em;
}
#site-title a:hover {
	color:#fff;
	background-position:0 -69px;
}

@media screen and (max-width:540px)
{
	#site-title a {
		width:230px;
	background-image:url(images/title-stenoflex-mini.gif);
	}
}

/* NAVIGATION
-------------------------------------------------------------- */

#navigation {
	font-size:1.2em;
}

/* MENU
-------------------------------*/

#navigation ul.menu {
	overflow:hidden;
	text-align:center;
}
#navigation ul.menu li {
	margin-bottom:10px;
	display:inline-block;
	background-image:url(images/sepa-vert-gris.png);
	background-repeat:no-repeat;
	background-position:right 14px;
} 
#navigation ul.menu li.last,
#navigation ul.menu li.menu-item-95 {
	background-image:none;
}
#navigation ul.menu li a {
	display:block;
	padding:.8em 1em 0em 0.8em;
	color:#999;
	text-decoration:none;
}
#navigation ul.menu li a:hover {
	color:#fff;
}
#navigation ul.menu li.current-menu-item a {
	color:#fff;
	background-image:url(images/puce-rouge.gif);
	background-position:center 0;
	background-repeat:no-repeat; 
}

/* SUB
-------------------------------*/

#navigation ul.menu {
	/*margin-bottom:40px;*/
}
/*#navigation ul.menu li a:hover .sub,
#navigation ul.menu li.current-menu-item .sub {
	color:#999;
}
#navigation .sub {
	color:#999;
	font-size:0.75em;
	font-family:'Varela',sans-serif;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.5em;
	visibility:hidden;
}*/

/* --------------------------------------------------------------
   MAIN
-------------------------------------------------------------- */

/* MAIN.PAGE
-------------------------------------------------------------- */

#main.page {
	overflow:hidden;
	position:relative;
}
.col1,
.col2 {
	width:46%;
	float:left;
	overflow:hidden;
	margin-bottom:20px;
}
.col1 {
	margin-right:4%;
}
.col2 {
	margin-left:4%;
}
.col-sep {
	width:1px;
	display:block;
	position:absolute;
	top:0; bottom:0; left:50%;
	background-image:url(images/sepa-vert-gris.png);
	background-position:top left;
	background-repeat:repeat-y;
}

@media screen and (max-width:540px)
{
	.col1, .col2 {
		float:none;
		width:auto;
		margin:0;
	}
	.col-sep {
		display:none;
	}
}

/* MAIN.PAGE.WITHTITLE
-------------------------------------------------------------- */

#main.page.withtitle h2 {
	margin-bottom:10px;
	padding-bottom:5px;
	text-transform:uppercase;
	background-image:url(images/sepa-hori-gris.png);
	background-repeat:repeat-x;
	background-position:left bottom;
}
#main.page.withtitle .col-sep {
	top:38px;
}

/* MAIN.GALERIE
-------------------------------------------------------------- */

/*#main.galerie {

}
#pagination {
	font-size:1.1em;
	text-align:center;
	font-style:italic;
	color:#999;
	margin:0 0 5px 0;
	padding:0;
}
#main.galerie .photo {
	width:50%;
	position:relative;
	margin:0 auto 0 auto;
	padding:0;
	 
}
#main.galerie a.lien {
	display:block;
	position:relative;
	font-size:1.2em;
	text-align:right;
	font-style:italic;
	color:#999;
	margin:0;
	padding:0 50px 0 0;
}
#main.galerie a.lien .icon {
	width:39px;
	height:22px;
	position:absolute;
	right:0;
	top:0;
	background-position:-46px -91px;
}
#main.galerie a:hover {
	text-decoration:none;
	color:#b83842;
}
#main.galerie a:hover .icon {
	background-position:-46px -113px;
}*/

/* MAIN.BOUTIQUE
-------------------------------------------------------------- */

#main.boutique h2 {
	margin-bottom:10px;
	padding-bottom:5px;
	text-transform:uppercase;
	background-image:url(images/sepa-hori-gris.png);
	background-repeat:repeat-x;
	background-position:left bottom;
}

#main.boutique p.info-port {
	font-size: 0.8em;
	line-height: 1.1em;
	font-family: Varela,Arial,Verdana,sans-serif;
	font-weight: normal;
	color: #999;
	margin-bottom: 7px;
}

/* PRODUIT
------------------------------- */

#main.boutique .produit {
	display:block;
	overflow:hidden;
	position:relative;
	padding-top:10px;
	padding-left:37%;
	padding-bottom:15px;
	margin-bottom:20px;
	color:#171717;
	text-align:left;
	background-color:#A19E9E;
}

/* VISUEL */

#main.boutique .produit .visuel {
	width:37%;
	display:block;
	position:absolute;
	top:0; left:0; bottom:0;
	background:#A19E9E;
	overflow:hidden;
}

#main.boutique .produit .visuel img {
	width:auto;
	height:100%;
	max-width:none;
	display:block;
}
#main.boutique .produit .visuel a .icon {
	width:28px;
	height:28px;
	position:absolute;
	left:0;
	bottom:0;
	background-position:0px -122px;
}

/* DESC */

#main.boutique .produit .desc {
	width:70%;
	float:left;
	display:block;
	margin-left:4%;
}
#main.boutique .produit .desc h3 {
	color:#fff;
	font-size:1.5em;
	line-height:1em;
	margin-bottom:10px;
}
#main.boutique .produit .desc .content {
	line-height:1.1;
}
#main.boutique .produit .desc .info {
	font-size:0.75em;
	line-height:1.2;
	font-family:'Varela',sans-serif;
	color:#505050;
	margin-top:10px;
}
#main.boutique .produit .desc .info p,
#main.boutique .produit .desc .info ul {
	margin-bottom:0;
}
#main.boutique .produit .desc .info ul {
	overflow:hidden;
}
#main.boutique .produit .desc .info ul li {
	float:left;
	width:50%;
}

/* SEPA */

#main.boutique .produit .sepa {
	z-index:1;
	width:1px;
	position:absolute;
	top:10px; bottom:10px; right:15.3%;
	background-image:url(images/sepa-vert-blanc.png);	
	background-repeat:repeat-y;
	background-position:0 0;
}

/* PRICE */

#main.boutique .produit .price {
	width:20%;
	float:left;
	display:block;
	text-align:center;
	position:relative;
	margin-left:4%;
}
#main.boutique .produit .price .value {
	font-size:3em;
	line-height:0.9;
	color:#fff;
	margin:0 0 10px 0;
}

@media screen and (max-width:600px)
{
	#main.boutique .produit {
		padding:10px;
	}
	#main.boutique .produit .visuel,
	#main.boutique .produit .visuel img {
		width:auto;
		height:auto;
		position:relative;
		top:auto; bottom:auto; left:auto;
	}
	#main.boutique .produit .visuel {
		z-index:2;
		margin-top:-10px;
		margin-left:-10px;
		margin-right:-10px;
		margin-bottom:10px;
	}
	#main.boutique .produit .visuel img {
		max-width:100%;
	}
	#main.boutique .produit .visuel a .icon {
		width:26px;
		height:26px;
		background-position:0px -124px;
	}
	#main.boutique .produit .sepa {
		right:26%;
	}
	#main.boutique .produit .desc {
		width:72%;
		margin-left:0;
	}
	#main.boutique .produit .price {
		width:24%;
	}
}

@media screen and (max-width:400px)
{
	#main.boutique .produit .sepa {
		width:auto;
		height:1px;
		position:relative;
		top:auto; right:auto; bottom:auto;
		margin:10px -10px;
		display:block;
		background-image:url(images/sepa-hori-blanc.png);	
		background-repeat:repeat-x;	
	}
	#main.boutique .produit .desc,
	#main.boutique .produit .price {
		float:none;
		width:auto;
		margin-left:0;
	}
	#main.boutique .produit .price .value {
		width:50%;
		float:left;
		margin-top:0.5em;
	}
	#main.boutique .produit .price .form {
		width:50%;
		float:left;
	}
	#main.boutique .produit .desc .info ul li {
		/*float:none;
		width:auto;*/
	}
}

/* GALLERIE
-------------------------------------------------------------- */

#main.gallery .flexslider {
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}

/* POINTS DE VENTE
-------------------------------------------------------------- */

/* CARTE
------------------------------- */

#main.pointsdevente .carte {
	border-bottom:1px solid #999;
	padding-bottom:10px;
	margin-bottom:20px;
}
#main.pointsdevente .carte img {
	display:block;
}

/* GEOLOC
------------------------------- */

#geoloc {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #999;
}

/* GEOLOC .BEFORE
------------------------------- */

#geoloc .before {
	padding:0 35px;
	position:relative;
}
#geoloc .before .button {
	position:relative;
	z-index:2;
	width:30%;
	min-height:40px;
	color:#fff;
	border:2px solid #9f9f9f;
	border-radius:5px;
	position:relative;
	display:block;
	padding:5px 61px 6px 44px;
	text-decoration:none;
	cursor:pointer;
	overflow:hidden;
	background-color:#373636;
}
#geoloc .before .button:hover {
	background-color:#b83842;
}
#geoloc .before .button .icon.arrow {
	width:19px;
	height:20px;
	display:block;
	position:absolute;
	left:0; top:50%;
	margin-top:-8px;
	margin-left:8px;
	background-position:-85px -92px;
}
#geoloc .before .button .icon.house {
	width:37px;
	height:37px;
	display:block;
	position:absolute;
	right:0; top:50%;
	margin-top:-18px;
	margin-right:8px;
	background-position:-104px -92px;
}
#geoloc .before .icon.side {
	width:407px;
	height:65px;
	display:block;
	z-index:1;
	position:absolute;
	top:50%; right:0;
	margin-top:-32px;
	background-position:0 -200px;
}


/* GEOLOC .AFTER
------------------------------- */


#geoloc .after {
	position:relative;
	color:#373636;
	background-color:#b83842;
/*	background-color:#666; */
}
#geoloc .after .close {
	position:absolute;
	top:0; right:0;
	color:#373636;
}
#geoloc .after .close .icon {
	width:26px;
	height:26px;
	margin-left:10px;
	margin-bottom:-3px;
	display:inline-block;
	background-position:-141px -92px;
}

#geoloc .results {
	background-color:#666;
}

#geoloc .errors,
#geoloc .loading,
#geoloc .waiting,
#geoloc .address,
#geoloc .results {
	padding:15px 20px;
}
#geoloc .errors p,
#geoloc .loading p,
#geoloc .waiting p {
	margin-bottom:0;
}
#geoloc .address,
#geoloc .errors,
#geoloc .loading,
#geoloc .waiting {
	padding-right:150px;
}
#geoloc .errors,
#geoloc .loading,
#geoloc .waiting {
	color:#fff;
}
#geoloc .address {
	font-size:1.1em;
	padding-left:70px;
	border-bottom:1px dotted #fff;
}
#geoloc .address .house {
	width:44px;
	height:46px;
	display:block;
	position:absolute;
	top:10px; left:10px;
	background-position:-85px -129px;
}
#geoloc .address .value {
	color:#fff;
}

#main #geoloc .results li {
	color:#373636;
}
#main #geoloc .results h4 {
	color:#fff;
}
#main #geoloc li a {
	color:#373636;
}

/* H2 & H3
------------------------------- */

#main.pointsdevente h2 {
	font-size:1.2em;
	color:#B83842;
	margin-bottom:5px;
	margin-top:15px;
}
#main.pointsdevente h3 {
	color:#fff;
	font-size:1.2em;
	margin:0 0 5px 0;
	padding:8px 0 0 0;
	background-image:url(images/sepa-hori-gris.png);
	background-position:left top;
	background-repeat:repeat-x;
}
#main.pointsdevente h4 {
	font-size:1.1em;
	color:#999;
	margin:0;
	padding:0;
}
#main.pointsdevente ul.resellers h2,
#main.pointsdevente ul.resellers p {
	text-align:left;
}

/* UL
------------------------------- */

#main.pointsdevente ul {
	overflow:hidden;
}
#main.pointsdevente li {
	width:30%;
	float:left;
	margin-right:3%;
	margin-bottom:20px;
	color:#999;
	font-family:'Varela',sans-serif;
}
#main.pointsdevente li h4,
#main.pointsdevente li p {
	line-height:1.2;
	margin-bottom:0.2em;
}
#main.pointsdevente li a {
	color:#999;
}
#main.pointsdevente .url a {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	
}

@media screen and (max-width:768px) {
	#main.pointsdevente .carte {
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		padding-right:20px;
	}
	#geoloc {
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		padding-right:20px;
	}
	#geoloc .before {
		padding-left:0;
		padding-right:0;
	}
	#geoloc .after {
		margin:-21px -20px;
	}
}
@media screen and (min-width:601px)
{
	#main.pointsdevente ul li:nth-child(3n+1) {
		clear:left;
	}
}
@media screen and (max-width:600px)
{
	#main.pointsdevente ul li {
		width:46%;
		float:left;
		margin-right:4%;
		margin-bottom:20px;
	}
	#main.pointsdevente ul li:nth-child(2n+1) {
		clear:left;
	}
	#geoloc .before .button {
		width:40%;
		margin-left:auto;
		margin-right:auto;
	}
	#geoloc .before .icon.side {
		display:none;
	}
	#geoloc .address,
	#geoloc .errors,
	#geoloc .loading {
		padding-top:40px;
		padding-right:15px;
	}
	#geoloc .address .house {
		top:40px;
	}
}
@media screen and (max-width:460px)
{
	#main.pointsdevente ul li {
		width:auto;
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
}
@media screen and (max-width:400px)
{
	#geoloc .before .button {
		width:auto;
	}
}

/* WPCF7-FORM
-------------------------------------------------------------- */

.wpcf7-form div.field,
.wpcf7-form div.area,
.wpcf7-form div.submit {
	margin-bottom:0.8em;
}
.wpcf7-form .field {
	overflow:hidden;
}
.wpcf7-form label {
	display:block;
	margin-bottom:0.3em;
}

.wpcf7-form .field label {
	width:25%;
	float:left;
	display:block;
	margin-bottom:0;
}
.wpcf7-form .field .wpcf7-form-control-wrap {
	width:75%;
	float:left;
	display:block;
	position:relative;
}
.wpcf7-form .field.solo .wpcf7-form-control-wrap {
	float:right;
}

.wpcf7-form .message textarea {
}
.wpcf7-form input[type=text],
.wpcf7-form textarea,
.wpcf7-form select {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	color:#373536;
	padding:.2em .2em;
	background:#c1c0c6;
	border:1px dotted #373737;
}
/*.wpcf7-form .lbl.solo input {
	float:right;
}*/

.wpcf7-form div.submit input {
	float:right;
}
.wpcf7-form div.submit .ajax-loader {
	background:#fff;
	padding:2px;
	border-radius:10px;
}

.wpcf7-form .wpcf7-response-output {
	border:none;
	padding:.5em;
	margin:0;
	border:1px dotted #ddd;
}
.wpcf7-form .wpcf7-not-valid-tip {
	position:relative;
	top:auto; left:auto; 
	width:auto;
	display:block;
	font-size:0.9em;
	background:transparent;
	color:#ff0000; border:none;
}



/* --------------------------------------------------------------
   FOOTER
-------------------------------------------------------------- */

#footer {
	margin-top:10px;
}

/* DECOs
-------------------------------------------------------------- */

#footer .deco {
	height:3px;
	display:block;
	position:relative;
	margin-bottom:42px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
#footer .deco span {
	width:84px;
	height:84px;
	position:absolute;
	left:50%; top:50%;
	margin-top:-42px;
	margin-left:-42px;
	background-image:url(images/footer-deco.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

@media screen and (max-width:540px)
{
	#footer .deco {
		margin-bottom:21px;
	}
	#footer .deco span {
		width:42px;
		height:42px;
		margin-top:-21px;
		margin-left:-21px;
		background-image:url(images/footer-deco-mini.png);
	}
}

/* MENU-FOOTER
-------------------------------------------------------------- */

#footer .menu-footer {
	text-align:center;
}
#footer .menu-footer li {
	display:inline-block;
}
#footer .menu-footer li a {
	display:block;
	position:relative;
	padding:50px 20px 10px;
	text-decoration:none;
}
#footer .menu-footer li a .icon {
	width:46px;
	height:46px;
	display:block;
	position:absolute;
	left:50%; top:0;
	margin-left:-23px;
}

#footer .menu-footer li.current-menu-item a {
	color:#fff;
}

/* icone vos stenopes */
#footer .menu-footer li#menu-item-102 a .icon,
#footer .menu-footer li#menu-item-133 a .icon {
	background-position:0px 0px;
}
#footer .menu-footer li#menu-item-102 a:hover .icon,
#footer .menu-footer li#menu-item-133 a:hover .icon,
#footer .menu-footer li#menu-item-102.current-menu-item a .icon,
#footer .menu-footer li#menu-item-133.current-menu-item a .icon {
	background-position:0px -46px;
}
/* icone ateliers */
#footer .menu-footer li#menu-item-103 a .icon,
#footer .menu-footer li#menu-item-134 a .icon {
	background-position:-46px 0px;
}
#footer .menu-footer li#menu-item-103 a:hover .icon,
#footer .menu-footer li#menu-item-134 a:hover .icon,
#footer .menu-footer li#menu-item-103.current-menu-item a .icon,
#footer .menu-footer li#menu-item-134.current-menu-item a .icon {
	background-position:-46px -46px;
}
/* icone facebook */
#footer .menu-footer li#menu-item-125 a .icon,
#footer .menu-footer li#menu-item-135 a .icon {
	background-position:-138px 0px;
}
#footer .menu-footer li#menu-item-125 a:hover .icon,
#footer .menu-footer li#menu-item-135 a:hover .icon,
#footer .menu-footer li#menu-item-125.current-menu-item a .icon,
#footer .menu-footer li#menu-item-135.current-menu-item a .icon {
	background-position:-138px -46px;
}
/* icone contact */
#footer .menu-footer li#menu-item-104 a .icon,
#footer .menu-footer li#menu-item-138 a .icon {
	background-position:-230px 0px;
}
#footer .menu-footer li#menu-item-104 a:hover .icon,
#footer .menu-footer li#menu-item-138 a:hover .icon,
#footer .menu-footer li#menu-item-104.current-menu-item a .icon,
#footer .menu-footer li#menu-item-138.current-menu-item a .icon {
	background-position:-230px -46px;
}
/* icone credits */
#footer .menu-footer li#menu-item-105 a .icon,
#footer .menu-footer li#menu-item-136 a .icon {
	background-position:-276px 0px;
}
#footer .menu-footer li#menu-item-105 a:hover .icon,
#footer .menu-footer li#menu-item-136 a:hover .icon,
#footer .menu-footer li#menu-item-105.current-menu-item a .icon,
#footer .menu-footer li#menu-item-136.current-menu-item a .icon {
	background-position:-276px -46px;
}

/* LANGUAGES
-------------------------------------------------------------- */

#languages {
	position:absolute;
	top:30px; right:30px;
	font-size:0.8em;
	font-family:'Varela',sans-serif;
	text-transform:uppercase;
}
#languages ul.menu {
	overflow:hidden;
	background-image:url(images/sepa-vert-gris.png);
	background-position:right top;
	background-repeat:repeat-y; 
}
#languages ul.menu li {
	float:left;
	display:block;
	text-align:center;
	text-transform:uppercase;
	background-image:url(images/sepa-vert-gris.png);
	background-position:left 0px;
	background-repeat:repeat-y;
}
#languages ul.menu li.current,
#languages ul.menu li a {
	padding:0 5px 3px;
	display:block;
}
#languages ul.menu li.current,
#languages ul.menu li a:hover {
	color:#fff;
	text-decoration:none;
}
#languages ul.menu li .icon {
	width:23px;
	height:15px;
	display:block;
	margin-top:2px;
}
#languages ul.menu li.fr a .icon {
	background-position:0px -92px;
}
#languages ul.menu li.fr a:hover .icon, 
#languages ul.menu li.current.fr .icon {
	background-position:0px -107px;
}
#languages ul.menu li.en a .icon {
	background-position:-23px -92px;
}
#languages ul.menu li.en a:hover .icon, 
#languages ul.menu li.current.en .icon {
	background-position:-23px -107px;
}

/* fancybox code achat form */
#fancybox-content #voucher_form {
	color:black;
}

#fancybox-content .voucher_fancybox_message {
	text-align: center;
	color: black;
}

#fancybox-content #voucher_form .voucher_error{
	color: #b94a48;
	background-color: #f2dede;
	border-collor:#eed3d7;
	padding:5px;
}

#fancybox-content #voucher_form .voucher_field {
	clear:both;
	height:30px;
}

#fancybox-content #voucher_form .voucher_input {
	float:left;
	height:30px;
}

#fancybox-content #voucher_form .voucher_label {
	width: 90px;
	height:20px;
	float:left;
}

.voucher_modal {
	border-top:1px dotted white;
	display:block;
	background: url(images/voucher.png) no-repeat left center;
	padding-left:30px;
	padding-top:6px;
	height:40px;
}
a.voucher_modal {
	color: white;
	text-decoration: none;
}
a.voucher_modal:hover {
	text-decoration: none;
}
@media screen
	and (max-width:700px) {
	
	#languages {
		position:relative;
		top:auto; right:auto;
		text-align:center;
		margin-top:50px;
	}
	#languages ul {
		display:inline-block;
	}
}


/* --------------------------------------------------------------
   ELASTIQUE < 768px
-------------------------------------------------------------- */

@media screen
	and (max-width:768px) {
	
	/* WRAP
	-------------------------------------------------------------- */
	
	#wrapper {
		width:auto;
		margin-left:20px;
		margin-right:20px;
	}
	
}

/* --------------------------------------------------------------
   ELASTIQUE < 690px
-------------------------------------------------------------- */

@media screen
	and (max-width:690px) {
	
	/* POINTS DE VENTE
	-------------------------------------------------------------- */
	
	/*#main.pointsdevente ul li {
		width:48%;
		margin-right:2%;
	}
	
	#main.pointsdevente ul li:nth-child(3n+1) {
		clear:none;
	}*/
	
}

/* --------------------------------------------------------------
   ELASTIQUE < 540px
-------------------------------------------------------------- */

@media screen
	and (max-width:540px) {
	
	/* NAVIGATION
	-------------------------------------------------------------- */
	
	/*#navigation ul.menu {
		width:auto;
	}
	#navigation ul.menu li {
		width:20%;
	}*/
}

/* --------------------------------------------------------------
   FLEX SLIDER 1.8
-------------------------------------------------------------- */

/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline:none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin:0; padding:0; list-style:none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width:100%; margin:0; padding:0;}
.flexslider .slides > li {display:none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width:100%; display:block;}
.flex-pauseplay span {text-transform:capitalize;}

/* Clearfix for the .slides element */
.slides:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} 
html[xmlns] .slides {display:block;} 
* html .slides {height:1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display:block;}


/* FlexSlider Default Theme
*********************************/

.flexslider,
.flexslider-wrap {
	position:relative;
}

/* Direction Nav */

.flex-direction-nav li a {
	width:38px;
	height:17px;
	display:block;
	position:absolute;
	top:50%;
	margin-top:-8px;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(images/sprites.png);
	background-repeat:no-repeat;
	background-position:0 -150px;
}
.flex-direction-nav li .prev {
	left:-48px;
}
.flex-direction-nav li .prev:hover {
	background-position:0 -167px;
}
.flex-direction-nav li .next {
	background-position:-38px -150px;
	right:-48px;
}
.flex-direction-nav li .next:hover {
	background-position:-38px -167px;
}
.flex-direction-nav li .disabled {
	opacity:0.3;
	filter:alpha(opacity=30);
	cursor:default;
}


#main.gallery .flexslider-wrap {
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}
#main.gallery .flexslider-wrap {
	margin-bottom:42px;
}
.flexslider .slides li {
	position:relative;
	overflow:hidden;
}
.flexslider-count {
	text-align:center;
	margin-bottom:10px;
}
.flexslider .flex-caption {
	height:25px;
	position:absolute;
	left:0; right:0; bottom:0;
	margin-bottom:-30px;
	color:#fff;
	background-image:url(images/slider-caption-bg.png);
	background-repeat:repeat;
	background-position:0 0;
	padding:5px 10px 0 43px;
	-webkit-transition:margin-bottom 150ms ease-in-out;
    -moz-transition:margin-bottom 150ms ease-in-out;
    -o-transition:margin-bottom 150ms ease-in-out;
    -ms-transition:margin-bottom 150ms ease-in-out;
	
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
}
.flexslider .slides:hover .flex-caption {
	margin-bottom:0;
}
.flexslider .flex-caption .icon {
	width:23px;
	height:10px;
	display:block;
	position:absolute;
	left:10px; top:50%;
	margin-top:-5px;
	background-position:-141px -118px;
}

/* Control Nav */
.flex-control-nav {
	position:absolute;
	top:20px; right:20px; }
.flex-control-nav li {margin:0 0 0 5px; display:inline-block; zoom:1; *display:inline;}
.flex-control-nav li:first-child {margin:0;}
.flex-control-nav li a {width:13px; height:13px; display:block; background:#000fff url(theme/bg_control_nav.png) no-repeat 0 0; cursor:pointer; text-indent:-9999px;}
.flex-control-nav li a:hover {background-position:0 -13px;}
.flex-control-nav li a.active {background-position:0 -26px; cursor:default;}

@media screen and (max-width:884px)
{
	#main.front-page .flex-direction-nav {
		height:37px;
		margin-bottom:-10px;
		position:relative;
		display: none;
	}
	#main.front-page .flex-direction-nav li .next {
		right:10px;
	}
	#main.front-page .flex-direction-nav li .prev {
		left:10px;
	}
	#main.gallery .flexslider-wrap {
		margin-bottom:20px;
	}
}
@media screen and (max-width:540px)
{
	#main.gallery .flex-direction-nav {
		height:37px;
		margin-bottom:-10px;
		position:relative;
	}
	#main.gallery .flex-direction-nav li .next {
		right:10px;
	}
	#main.gallery .flex-direction-nav li .prev {
		left:10px;
	}
}

@media screen and (max-width:768px)
{
	#main.front-page,
	#main.gallery {
		margin-left:-20px;
		margin-right:-20px
	}
}

/* --------------------------------------------------------------
   #ELASTIC
-------------------------------------------------------------- */

#elastic {
	width:400px;
	padding:10px;
	margin:60px auto 0;
	position:relative;
	color:#555454;
	font-size:10px;
	font-family:Arial,sans-serif;
	background-color:#343333;
	border-top:1px solid #343333;
}
#elastic .figure {
	display:block;
	width:92px; height:48px;
	background-image:url(images/elastic.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	left:10px; bottom:10px;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	#elastic .figure {
		background-image:url(images/elastic.pr2.gif);
		background-size:92px 266px;
	}
}
#elastic .description {
	margin-left:107px;
}
#elastic .description p {
	margin:0;
	padding:0;
	text-align:left;
}
#elastic .description p.title {
	margin-bottom:3px;
	color:#5c6363;
	font-size:11px;
	font-weight:bold;
}
#elastic .description p.title .copy {
	line-height:1;
	vertical-align:top;
	font-size:0.7em;
}
#elastic:hover {
	color:#999;
	background-color:#272626;
}
#elastic:hover .description p.title {
	color:#ccc;
}
@media screen and (max-width:700px) {
	#elastic {
		width:auto;
	}
	#elastic:hover,
	.touch #elastic {
		width:auto;
		border-color:#1b1b1b;
	}
	.touch #elastic {
		color:#999;
		background-color:#272626;
	}
	.touch #elastic .description p.title {
		color:#ccc;
	}
}
@media
screen and (orientation:landscape) and (min-width:1025px),
screen and (orientation:portrait) and (min-width:801px) {
	#elastic .figure { background-position:0 -48px; }
}
@media
screen and (orientation:landscape) and (max-width:1024px),
screen and (orientation:portrait) and (max-width:800px) {
	#elastic .figure { background-position:0 -96px; }
}
@media
screen and (orientation:landscape) and (max-width:600px),
screen and (orientation:portrait) and (max-width:500px) {
	#elastic .figure { background-position:0 -144px; }
}
@media
screen and (orientation:landscape) and (min-width:2560px) {
	#elastic .figure { background-position:0 -192px; height:74px; }
}





/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox/fancybox.png');
}
#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}
#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}
#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}
#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}
#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}
#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('fancybox/blank.gif');
	z-index: 1102;
	display: none;
}
#fancybox-left {
	left: 0px;
}
#fancybox-right {
	right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}
#fancybox-left-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -30px;
}
#fancybox-right-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
	left: 20px;
}
#fancybox-right:hover span {
	left: auto;
	right: 20px;
}
.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}
#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -162px;
}
#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
	background-position: -20px 0px;
}
#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -182px; 
}
#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -20px;
}
#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -142px;
}
#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -122px;
}
#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}
.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}
.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}
.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}
#fancybox-title-over {
	padding: 10px;
	background-image: url('fancybox/fancy_title_over.png');
	display: block;
}
.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}
#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}
#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox/fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }