.diamond {-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  clip-path: url(#diamond);}
.pentagon {-webkit-clip-path: polygon(50% 0, 100% 38%, 80% 100%, 20% 100%, 0 38%);
  clip-path: url(#pentagon);}
.hexagon {-webkit-clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  clip-path: url(#hexagon);}
.octogon {-webkit-clip-path: polygon(0 50%, 15% 15%, 50% 0, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%);
  clip-path: url(#octogon);}
.avatar {margin-top: 50px;}

#box_produit{padding:5px 10px 10px 10px;
margin-top:10px;
border:1px solid #01963a;
text-align:center;
background:#fff;
height:380px;
font-size:15px;
overflow:hidden;
z-index:3;
border-bottom:5px solid #fb6f0b;}
#box_produit:hover{border:1px solid #f7941d;
border-bottom:5px solid #01963a;}

#box_produit p{display:inline-block;
margin-right:10px;
padding:4px 10px;}
#box_produit p span{display:none;}
#box_produit p a{color:#fff;
text-decoration:none;}
#box_produit:hover p{background:#01963a;
color:#fff;
font-size:12px;}
#box_produit:hover p i{color:#fff;}
#box_produit:hover span{display:inline-block;}

#titro_produit{color:#fb6f0b;
font-size:18px;
font-family:ptsans;
text-decoration:none;
font-weight:bold;
margin-top:5px;}

#prix_produit{font-weight:bold;
display:inline-block;
font-size:18px;
color:#000;
margin-top:10px;}

#solde_produit{font-weight:bold;
display:inline-block;
color:#999;
font-size:16px;
padding-left:30px;
text-decoration:line-through;
margin-top:10px;}

#panier_produit{text-align:center;
margin-top:10px;
font-size:13px;}
#panier_produit:hover{font-weight:bold;}
#panier_produit i{color:#F60;}

#solde{color:#F30;
display:inline-block;
float:left;
height:22px;
font-size:13px;
border:1px solid;
padding-left:10px;
padding-right:10px;}
#solde:hover{background:#F30;
color:#fff;}

#descrip-produit{font-size:14px;
height:38px;
text-align:center;
overflow:hidden;}

#voir-plus{background:#01baf2;
padding:8px;
font-size:35px;
box-shadow:0px 1px 2px #ddd;
font-family:big_noodle_titling;
letter-spacing:1px;
margin-top:30px;
border-radius:5px 5px 0px 0px;}
#voir-plus a{text-decoration:none;
color:#fff;}

#voir{font-size:14px;
float:right;
font-family:Narrow;
display:inline-block;
letter-spacing:normal;
margin-top:10px;}
#voir a{color:#f7941d;}

#ecommerce{text-align:center;
font-weight:bold;
background:#fff;
padding-top:10px;
border-top:solid 1px #f0f0f0;
padding-bottom:10px;}
#ecommerce a{text-decoration:none;}
#ecommerce h4{font-size:15px;}
#livraison{padding-bottom:5px;
color:#9c3102;
border-radius:5px;
padding-top:5px;}

#cadre_taille{display:inline-block;
padding:4px 10px;
border:solid 1px #ddd;
margin-top:10px;}

#detail_taille{margin-top:5px;
font-size:12px;}

#rupture{background:#F00;}
#bientot{background:#F90;}

.etape{display:inline-block;
padding:10px 80px;
margin-top:15px;
opacity:0.3;
color: #000;
background:linear-gradient(to bottom, #ffffff 0%, #1565c0 130%);}
.etape-active{background:#1565c0;
opacity:1;
color:#fff;}
.etape-passer{background:linear-gradient(to bottom, #ffffff 0%, #1565c0 90%);
opacity:1;}
.etape-passer a{text-decoration:none;
color:#fff;}

#sous-total{display:inline-block;
margin-right:20px;}
#cout-livraison{display:inline-block;}
#cout-total{font-size:22px;
color:#9c3102;}

#menu-panier-img{text-align:center;
display:inline-block;
/*overflow:hidden;*/
font-size:10px;}
#menu-panier-lib{text-align:center;
display:inline-block;
font-size:10px;
margin-left:5px;}
#menu-panier-prix{text-align:right;
display:inline-block;
font-size:10px;
float:right;
margin-top:10px;}

#header_panier td{color:#fff;
background:#111;
text-align:center;
padding:10px 0px 10px 0px;}

#resultat{font-size:12px;
color:#000;
text-align:right;}

#page-in{text-align:center;}

#sous-categories{display:inline-block;
margin-right:10px;}



#box-unique{height:280px;
overflow:hidden;
display:inline-block;
margin-bottom:3px;}
/*#box-unique img{height:400px;}*/

#titro-details{font-size:22px;
font-weight:bold;
font-family:Raleway;}

#prix_produit-details{font-weight:bold;
display:inline-block;
font-size:35px;}

#solde_produit-details{display:inline-block;
color:#bbb;
font-size:22px;
padding-left:10px;
text-decoration:line-through;}

#solde-details{color:#F30;
float:right;
margin-top:-20px;
font-size:13px;
border:1px solid;
padding-left:10px;
padding-right:10px;}
#solde-details:hover{background:#F30;
color:#fff;}

#mdp-oublier{margin-top:10px;
text-align:right;
font-size:12px;}

#mes-coordonnees{display:inline-block;
margin-right:10px;}

#adresse-livraison{margin-top:15px;
border:1px #310f01 solid;
border-bottom:4px #310f01 solid;
background:#fff;
font-size:14px;
padding:5px;
height:300px;}
#adresse-livraison .alert{ margin-bottom:0px;
padding:8px;}
#adresse-livraison h5{margin-top:0px;}

#adresse-defaut{color:#a833c1;
float:right;
font-size:12px;}

#table{height:180px;}

#modifier-commande{display:inline-block;
font-size:14px;
float:left;
margin-right:20px;}

#adresse-confirmation{margin-top:15px;
border:1px #310f01 solid;
padding:5px;
border-radius:4px;}

#modifier-adresse{float:right;
font-size:13px;
margin-top:-20px;}

#fa-modifier{font-size:15px;
margin-left:20px;}

#fiche-panier{margin-bottom: 5px;}

#obligatoire{margin-bottom:10px;
text-align:right;
color:#FF3300;}


#box_galerie{height:70px;
width:85px;
overflow:hidden;
display:inline-block;
margin-bottom:3px;}
#box_galerie img{width:130px;}

#box_galerie2{height:240px;
overflow:hidden;
display:inline-block;
margin-bottom:3px;
overflow:hidden;}
#box_galerie2 img{width:360px;}

#input_recherche{margin-top:-5px;
background:none;
height:35px;
color:#000;
font-size:13px;
display:inline-block;}

#bouton_recherche{height:35px;
padding:2px 0px 0px 2px;
color:#fff;
margin-top:-5px;
width:40px;
border-radius:0px 4px 4px 0px;
background:url(../img/loupe.png) center no-repeat;}

#footer_galerie{width:70px;
overflow:hidden;
height:40px;
margin-bottom:5px;
float:left;
margin-right:5px;}
#footer_galerie img{width:70px;}

#new-label {color: #fff;
background: #a833c1;
text-transform: uppercase;
padding: 9px 0 7px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
width: 130px;
text-align: center;
display: block;
position: absolute;
left: -33px;
top: 16px;
z-index: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);}

.wrapper {
  margin: 10px auto;
  background: white;
  /*border-radius: 10px;*/
  /*-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.2);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.2);*/
  position: relative;
  z-index: 90;
}

.ribbon-wrapper-green {
  width: 120px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(35deg);
  -moz-transform:    rotate(35deg);
  -ms-transform:     rotate(35deg);
  -o-transform:      rotate(35deg);
  position: relative;
  padding: 5px 0;
  font-size:12px;
  left: -5px;
  top: 20px;
  width: 150px;
  background-color: #01963a;
  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); */
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

#propos{font-size:33px;
margin-bottom:20px;
margin-top:30px;
text-align:center;}
#propos div{border-bottom:3px solid #2e9400;
display:inline-block;
color:#2e9400;
font-family:droidsans;
padding-left:20px;
padding-right:20px;}

#contact_cordonnee{font-size:15px;
line-height:26px;
margin-right: 15px;
margin-top:50px;}

#grayscale{filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
-moz-transition: all 0.6s ease-in-out 0.2s;
-webkit-transition: all 0.6s ease-in-out 0.2s;
-o-transition: all 0.6s ease-in-out 0.2s;
-ms-transition: all 0.6s ease-in-out 0.2s;
transition: all 0.6s ease-in-out 0.2s;}

#grayscale2{filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
-moz-transition: all 0.6s ease-in-out 0.2s;
-webkit-transition: all 0.6s ease-in-out 0.2s;
-o-transition: all 0.6s ease-in-out 0.2s;
-ms-transition: all 0.6s ease-in-out 0.2s;
transition: all 0.6s ease-in-out 0.2s;
width:40px;
height:30px;}
		
#grayscale:hover{filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
/*filter: saturate(200%);
-webkit-filter: saturate(200%);
-moz-filter: saturate(200%);
-o-filter: saturate(200%);
-ms-filter: saturate(200%);*/

/*-moz-transform: rotate(0deg) scale(1.1);
-webkit-transform: rotate(0deg) scale(1.1);
-o-transform: rotate(0deg) scale(1.1);
-ms-transform: rotate(0deg) scale(1.1);
transform: rotate(0deg) scale(1.1);
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
box-shadow: 1px 1px 5px 777;*/}

.blur img{filter: blur(1px);
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-o-filter: blur(1px);
-ms-filter: blur(1px);}
.blur img:hover{filter: blur(0);
-webkit-filter: blur(0);
-moz-filter: blur(0);
-o-filter: blur(0);
-ms-filter: blur(0);}

.saturate img{filter: saturate(100%);
-webkit-filter: saturate(100%);
-moz-filter: saturate(100%);
-o-filter: saturate(100%);
-ms-filter: saturate(100%);}

.saturate img:hover{filter: saturate(200%);
-webkit-filter: saturate(200%);
-moz-filter: saturate(200%);
-o-filter: saturate(200%);
-ms-filter: saturate(200%);}


#sepia{filter: sepia(1);
-webkit-filter: sepia(1);
-moz-filter: sepia(1);
-o-filter: sepia(1);
-ms-filter: sepia(1);
-moz-transition: all 0.6s ease-in-out 0.2s;
-webkit-transition: all 0.6s ease-in-out 0.2s;
-o-transition: all 0.6s ease-in-out 0.2s;
-ms-transition: all 0.6s ease-in-out 0.2s;
transition: all 0.6s ease-in-out 0.2s;
position:relative;}

#sepia:hover{filter: sepia(0);
-webkit-filter: sepia(0);
-moz-filter: sepia(0);
-o-filter: sepia(0);
-ms-filter: sepia(0);
-moz-transform: rotate(2deg) scale(1.2);
-ms-transform: rotate(2deg) scale(1.2);
-O-transform: rotate(2deg) scale(1.2);
-webkit-transform: rotate(2deg) scale(1.2);
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
box-shadow: 1px 1px 5px 777;}

.zoomarticle {
	height: auto;
	margin-bottom: 1.65em;
	margin-left: 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}

.article_big_img {
	overflow: hidden;
	padding: 2px;
}

.article_big_img > img {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.zoomarticle:hover > .article_big_img > img {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

/*ul{margin-left:-25px;}*/
.ex4 li {display:inline;
margin-bottom:20px;
padding-left:0;}
.ex4 ul {margin-left:-15px;}

.ex4 figure {position: relative;
	/*display: inline-block;*/
	margin: 0;
	font-size:15px;
	height:200px;
	text-align: center;
	overflow: hidden;}
	
.ex4 figcaption {
	position: absolute;
	left: 0;
	bottom: -1em;
	height: 3em;
	width:100%;
	line-height: 1.3em;
	text-align: center;
	color: #fff;
	padding-top:5px;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
	background: rgba(0,0,0,0.6);
	overflow: hidden;
	transition: all 0.4s;
}
.ex4 figcaption span {display:block; font-size:14px;
text-align:left;}

.ex4 figure:hover figcaption,
.ex4 figure:focus figcaption {
	height: 7em;
	background: rgba(0,0,0,0.8);
}
#span_panier{font-size:12px;}


#icon-video{text-align:right;}
#icon-video{z-index:10;
position:absolute;
width:40px;
margin-left:-40px;}

.padding{padding:0;}
.padding-effect{padding:0 5px;}
.padding-right{padding-right:0;}
.padding-left{padding-left:0;}

#ville{background:url(../img/transparent.png);
background-position:center;
color: #111;
position: relative;
padding:50px 15px 50px 15px;}
#ville a{color: #000;
text-decoration: none;}

/*#presentation {
    background-image: url(../img/transparent.png);
    background-color: rgb(37, 156, 239);
    background-position: center;
    padding-bottom: 50px;
    padding-top: 40px;
    color: #fff;
    line-height: 26px;
}*/

#inscription{background:url(../img/transparent.png) fixed #18a33c;
background-color:#18a33c;
background-position:center;
color: #fff;
opacity:1;
font-size:18px;
position: relative;
padding:50px 15px 80px 15px;
text-align:center;
font-family:dosis;
margin-top:0px;}
#inscription h1{margin-top:10px;
font-family:dosis;
margin-bottom:50px;
color: #fff;
font-size:45px;}
#inscription h3{margin-bottom:40px;}
#inscription h4{font-size:24px;
color: #fff;}
#inscription i{color:#fff;}

.qen-inspiration{background:url(../img/7.jpg) fixed;
background-position:top;
font-family:Raleway;
background-size: cover;
color: #fff;
font-size:36px;
position: relative;
padding: 100px 15px;
margin-top: 30px;
text-align:center;}
.qen-inspiration h1{font-size:55px;
margin-top:10px;
color:#fff;
/*background:rgba(37, 156, 239, 0.4);*/
margin-bottom:10px;
text-align:center;
font-family:ptsans;}
#infoline-tel i{font-size:35px;
color:#fff;}


.padding{padding:0;}
.padding-right{padding-right:0;}
.padding-left{padding-left:0;}

#input-news{margin-top:5px;
background:none;
color:#fff;
width:50%;
border-radius:4px 0px 0px 4px;
display:inline-block;}

#bouton-news{height:38px;
margin-top:-3px;
margin-left:-3px;
width:110px;
padding:2px 0px 0px 2px;
display:inline-block;
border-radius:0px 4px 4px 0px;}

#newsletter{background:#111111;
padding-bottom:4px;
color:#fff;
padding-top:4px;}
#newsletter i{color:#fff;
font-size:28px;
margin-right:15px;}

#titro_newsletter{margin-bottom:0px;
display:inline-block;
font-size:19px;}

#social_newsletter{margin-bottom:0px;
display:inline-block;
margin-top:-10px;
font-size:19px;}

/*#footer{padding:25px 0px 20px 0px;
background:#ffffff;
text-align: left;
font-size:16px;
color:#222;}
#footer i{color:#222;
font-size: 25px;}*/
#footer a{color:#eee;}
#separer_foot{margin-bottom:8px;}
#separer_foot i{font-size: 15px;}

#titro_foot{font-size:20px;
margin-bottom:5px;
margin-top: 20px;
font-family: ptsans;}

#last-footer{padding:15px 0px 15px 0px;
font-size:14px;
color:#222;}
#last-footer a{color:#fff;}
#last-footer:hover{color:#eee;}
#last-footer i{color:#fff;}

#detail_img{width:500px;
float:left;
margin-right:15px;}

#input_recherche_news{margin-top:5px;
background:none;
color:#fff;
width:50%;
border-radius:4px 0px 0px 4px;
display:inline-block;}

#bouton_recherche_news{height:39px;
margin-top:-4px;
margin-left:-5px;
width:110px;
padding:2px 0px 0px 2px;
display:inline-block;
border-radius:0px 4px 4px 0px;}

#erreur404{padding:0px 20px 20px 20px;
text-align:center;}

#titro-erreur404{font-size:80px;
text-align:center;
font-weight:bold;
padding-top:10px;
color:#f59e00;
font-family:ptsans;
margin-bottom:15px;}
#titro-erreur404{font-size:80px;}

#raquo{margin-top:0px;
margin-bottom:10px;
color:#aaa;
font-size:14px;}

#titro-membre{font-size:35px;
font-family:ptsans;
text-align:left;
line-height:30px;
margin-bottom: 30px;}
#titro-membre hr{margin:10px 0;
width:250px;
border-bottom:2px solid;}
#titro-membre span{display: block;
margin: 0 auto;
margin-bottom: -23px;}
#titro-membre i{font-size: 26px;
color: #402774;}

#animation{width:100%;
background:#999;
color: #fff;}
#animation a{text-decoration:none;}
#animation a:hover{color:#fff;}
#animation-img{width:100%;
text-align:center;
position:absolute;}
#animation-img img{width:100%;}

#animation-titro{}
#animation-titro h2{font-family:ptsans;}

#animation-offre{padding: 30px 0;}

#icon_left{font-size:36px;}
#icon_right{font-size:36px;}

#animation-box1{background:rgba(153,153,153,0.8);
padding:15px 35px;
color:#fff;
display:inline-block;}

#animation-box2{background:rgba(88,44,131,0.8);
padding:15px;
color:#fff;
margin-left:40px;
margin-top:-10px;}

#connexion-animation{font-size:19px;
margin-top:10px;
text-shadow:none;
box-shadow:none;}
#connexion-animation i{color:#333;}

.scrollup{width: 40px;
height: 40px;
position: fixed;
bottom: 50px;
right: 10px;
display: none;
color: white;
background-color: #010135;
border: 1px solid #000;
font-size: 20px;
text-align: center;
line-height: 37px;
z-index: 10000;}
.scrollup:hover{color:#fff;}
.scrollup i{color:#fff;}

#photo-icon{margin-right:30px;
text-align:right;}
#photo-icon img{margin-top:-30px;
width:30px;
position:absolute;
z-index:30;}

#activite{color:#fff;
border:#ddd 1px solid;
border-bottom:#aaa 4px solid;}
#activite i{color:#fff;
font-size:14px;}
#activite a{color:#f0f0f0;
text-decoration:none;}
#activite i:hover{color:#9d0fa2;}

#activite-1{background:#2f68db;
padding:10px 10px;
font-size:13px;
line-height:23px;
overflow:hidden;
text-align:center;}
#activite-1 h3{margin-top:0;
font-size:20px;
font-family: Narrow;
margin: 0 0 10px;
color: #fff;}

#carac-activite{display:inline-block;
margin-right:10px;}

#activite-2{overflow:hidden;
height:180px;}
#activite-2 img{width:100%;}

#flash{background-color:#d80606;
border-radius:1px;
display:inline-block;
color: #fff;
font-size:16px;
width:100px;
font-weight: bold;
line-height: 1;
text-align:center;
padding: 10px 15px 10px 15px;
vertical-align: middle;
margin: 0px 15px 0px 0px;}

#td_right{text-align:right;}

#bas_contact{margin-bottom: 10px;}

#corp{background: #fff;
padding-bottom: 20px;}

.pagination{padding: 5px 12px;
background: #f00;
color: #ccc;
font-family: ptsans;}
.pagination a{color: #fff;
font-family: dosis;}