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

.sitenormal {display:block;}
.siteportable {display:none;}
img {border:none;}
a.lien1 {color:#039; text-decoration:none; font-weight:normal ; font-size:16px;  }
a.lien1:hover {color:#039; text-decoration:underline; font-weight:normal; font-size:16px;}
a.lien1:visited {color:#603; text-decoration:none; font-weight:normal; font-size:16px;}
a.lien2 {color:#039; text-decoration:none; font-weight:normal ; font-size:13px;  }
a.lien2:hover {color:#039; text-decoration:underline; font-weight:normal;  font-size:13px;}
a.lien3 {color:#000; text-decoration:none; font-weight:bold ; font-size:18px;  }
a.lien3:hover {color:#000; text-decoration:underline; font-weight:bold;  font-size:18px;}
.lien4 {color:#000; text-decoration:none; font-weight:bold ; font-size:19px;  }
a.lien5 {color:#000; text-decoration:none; font-weight:normal ; font-size:12px;  }
a.lien7 { color:#000; text-decoration:none; font-weight:500 ; font-size:12px;  }
a.liencatego {color:#000; text-decoration:none; font-weight:normal ; font-size:14px;  }
a.lienh2 {color:#000; text-decoration:none; font-weight:bold ; font-size:18px;}
.lien6 { color:#fff; text-decoration:none; font-weight:normal ; font-size:12px; text-align:center;  }

.pbout1 {color:#000; text-decoration:none; font-weight:normal ; font-size:16px;  }
.pbout2 {color:#000; text-decoration:none; font-weight:normal ; font-size:15px;  }
.pbout3 {color:#000; text-decoration:none; font-weight:normal ; font-size:12px;  }
.catpano{width: 25%; }
.catimage{width: 20%; }
.catext{width: 40%; }
.catbout{width: 18%; }
.casa {
	background: #f8f8f8;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 1px;
}
.casachoc {
	background: #f8f8f8;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 1px;	
}
[class^="panpan"] {
    color: white;
	background: #f8f8f8;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 1px;	
}
[class^="pantir"] {
    color: white;
	background: #f8f8f8;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 1px;	
}
.panier {
	background: #f8f8f8;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 1px;	
}

.imageadaptaille { 	height:auto !important; max-width:700px }
.imageadaptaille2 { height:120px ;	width:auto !important;}
.imageadaptaille3 {	height:auto !important; width:55%;max-width: 350px;}	
.imageadaptaille4 {	max-width:480px; margin:0 auto; width: auto !important;}	
.imageadaptaille5 {	height:auto !important;width:60%;}	

.logosauce{height:20px;	width:auto !important;	padding:0 0.5em 0 0.5em;}
.titresurimage {font-size:28px; font-weight:700; z-index:9;}
.posisurimage {position:absolute;top:14%; left:21%; z-index:8; text-align:left;width:31%;}

div {font-family:Verdana, Geneva, sans-serif;}
textarea {font-family: inherit;font-size: inherit;}

h1{
margin: 0px 0px 0px 0px ;
font-size: large;
font-weight: 700;	
}

h2 {
margin: 0px 0px 0px 0px ;	
line-height: normal;
font-size: medium;
}
h3 {margin: 0;}
h4 {font-weight:normal;font-size:12px}
h5 {margin-top:1em !important;}
.titre2{	
	font-size: x-large;
	font-weight: 700;	
	margin: 4px 5px 5px 10px;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	z-index: -1;
}
.inputfile + label {
	cursor: pointer;
background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #666666;
  -moz-box-shadow: 1px 1px 2px #666666;
  box-shadow: 1px 1px 2px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  background: #3498db;
  padding: 4px 10px 4px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
}
.inputfile:focus + label,
.inputfile + label:hover {
cursor: pointer;	
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  }
 .boutsub2 {	
  cursor: pointer;				 
  background: #1aa3ff;
  background-image: -webkit-linear-gradient(top, #1aa3ff, #2980b9);
  background-image: -moz-linear-gradient(top, #1aa3ff, #2980b9);
  background-image: -ms-linear-gradient(top, #1aa3ff, #2980b9);
  background-image: -o-linear-gradient(top, #1aa3ff, #2980b9);
  background-image: linear-gradient(to bottom, #1aa3ff, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #666666;
  -moz-box-shadow: 1px 1px 2px #666666;
  box-shadow: 1px 1px 2px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;  
					  
  padding: 4px 14px 4px 14px;
  border: solid #1f628d 1px;
  text-decoration: none;
}
.boutsub2:hover {
cursor: pointer;	
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #1aa3ff);
  background-image: -moz-linear-gradient(top, #3cb0fd, #1aa3ff);
  background-image: -ms-linear-gradient(top, #3cb0fd, #1aa3ff);
  background-image: -o-linear-gradient(top, #3cb0fd, #1aa3ff);
  background-image: linear-gradient(to bottom, #3cb0fd, #1aa3ff);
  text-decoration: none;
  }
  
input[type="submit"], input[type="button"] {
background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #666666;
  -moz-box-shadow: 1px 1px 2px #666666;
  box-shadow: 1px 1px 2px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  background: #3498db;
  padding: 4px 10px 4px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
}
input[type="submit"].mobi, input[type="button"].mobi {
background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #666666;
  -moz-box-shadow: 1px 1px 2px #666666;
  box-shadow: 1px 1px 2px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  background: #3498db;
  padding: 4px 10px 4px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
}
input[type="submit"]:hover, input[type="button"]:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
#checkout-button {
background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #666666;
  -moz-box-shadow: 1px 1px 2px #666666;
  box-shadow: 1px 1px 2px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  background: #3498db;
  padding: 4px 10px 4px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
}
#boutokhaut {
	background-color:transparent;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 7px;
	text-decoration:none;	
}
#boutokhaut:hover  {background:transparent;	background-color:transparent;}

#btn1 input[type="button"]{
  border: none;
  background-color:transparent;
  color: black;
  cursor: pointer;
}
#btn1 input[type="button"]:hover{background:transparent;  background-color:transparent;} 

.fauxbut {
	border : solid 0px #ffffff;
	Margin-Left: 5pt;
	background-color:#FFF;
	font-weight:bold;
	color:#000;
	padding : 3px 10px;
}

div#progress-div2 {
	position: relative;
	display: none;
	top: 0;
	z-index: 13;	
	height: 36%;
	left: 0;
}


div#plush1 {float:left; font-size: small; display:inline; padding-top:4px; padding-left:6px}
div#plush2 {width:40%; float:left; font-size: small; padding-left:5px}
div#plush3 {width:30%; float:left; padding-top:7px; padding-left:1%; padding-right:5%;  font-size:small;}
div#plush4 {width:38%; float:left; padding-top:5px; padding-left:5px; padding-right:5px; font-size: small; }
div#plush5 {width:auto; float:right; font-size: small;  padding-left:0px; padding-top:3px;  }
div#plush6 {float:left; font-size: small; display:inline; }
.plush7 {float:left; font-size:small; display:inline; }
.plush8 {float:left; font-size:small; display:inline; }
.plush9 {float:left; text-align:right; font-size:14px; display:inline; }
div#plush10 {float:left; text-align:right; padding-left:0px; font-size: small; }
div#plush11 {float:left; font-size: small; display:inline; }


div#ht1 {float:left; width:30%; margin-right:0.5em}

div#banniere {
padding-top: 0.25em;
padding-bottom:0.25em;
text-align: center;
margin:0 auto 0 auto;
width: 76%;

}
div#indexgauche {float:left; width:30%; padding-left:5%;padding-top:1%;}
div#indexg {width:30%; padding-left:5px;padding-top:1%;}
div#indexdroit {float:left; width:53%; padding-left:0%;padding-top:5%;}
.titrevedettes{
font-size: 16px;	
font-weight:700;	
text-align:left;
margin-bottom:1%;
border-bottom-style: solid;
border-color: #e4e7e7;
border-width: thin;
padding-left:2%;
}

.centrevedettes{text-align:center;padding-bottom:4%;}
.vedette{
	text-align:center;	
	font-size: small;
	font-weight:bold;
	border-style: solid;
	border-color: #9da8a8;
	border-width: thin;
	width: auto;
	display:inline-block;
}
.vedette a{text-decoration:none;}
.vedettecatego {
	text-align: center;
	font-size: small;
	font-weight: bold;
	width: auto;
	position: relative;
	display:inline-block;	
	margin : 1em;
}
.vedettecatego a{text-decoration:none;}

.box-overlay{
left: 0; 
color: white; 
letter-spacing: 0px;  
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
padding: 10px; 
}


[class^="souspied"]{
	padding: 1%;
	display:inline-block;
	vertical-align: top;
	color: #fffdfd;
	text-align: left;
	text-decoration: none;
}
[class^="souspied"] a{color: white;text-decoration: none;}

div#concepteur a{font-size:10px;}

div#adcomm {padding:1%;width:31%;float:left;}
div#cont7 {padding:1%;width:31%;float:left;}
div#loggauche {
	margin-top:1%;
	padding: 1%;
	width: 20%;
	float: left;
}
div#faq {
	margin-top:1%;
	padding: 1%;
	width: 60%;
	float: left;
	font-size:13px
}
div#loggcatego{
	margin-top:1%;
	padding: 1%;
	width: 12%;
	float: left;
}
div#loggprod{
	margin-top:1%;
	padding: 1%;
	width: 15%;
	float: left;
}
div#logdroit {
	margin-top:1%;
	padding: 1%;
	width: 76%;
	float: left;
}
div#logdcatego {
	margin-top:1%;
	padding: 1%;
	width: 76%;
	float: left;
}
div#logdprod{
	margin-top:1%;
	padding: 1%;
	width: 64%;
	float: left;
}
div#paygauche {	padding: 1%; width: 58%;float: left;}
div#paydroit { padding: 1%;	width: 38%;	float: left;}

div#tiragehaut {text-align: left; padding-left:2%;margin-bottom: 3%; float:left;}
div#tirage {margin-top:1%; margin-bottom:0%; margin-left:1%; margin-right:1%; width:70%; float:left; vertical-align: top;}


input[type=number]{width: 45px;}
input[type=number].mobi {width: 35px;}
input[type=number].panier{width:45px;}
.class1{width: 80px;}
.class2{padding-top:3px;}
.table1	table {border-collapse:collapse;text-align:center;}
.table1 table td {
	background-color:#FFF;
	border-bottom: 1px solid #ddd;
	color:#0210b7;
	display: table-cell;
	vertical-align: middle;
}
.table1 table th {background-color:white;color:black;}
.table1 select{/*width:100px;*/}
.table3	table {border-collapse:collapse;text-align:center;}
.table3 table td {
	border:none;
	background-color:#FFF;
	border-bottom: 1px solid #ddd;
	color:#0210b7;
	display: table-cell;
	vertical-align: middle !important;
	
}
.table3 table th {border:none; background-color:#e4f4ff;	color:#747474;}
.table3 select{/*width:100px;*/}
.table4 {width:73%; display:inline-block; vertical-align: top; padding-left:2%;}
.table4	table {border-collapse:collapse;text-align:center;}
.table4 table td {
	background-color:#FFF;
	border-bottom: 1px solid #ddd;
	color:#0210b7;
	display: table-cell;
	vertical-align: middle;
}
.table4 table th {background-color:#e4f4ff;	color:#747474;}
.table4 select{/*width:100px;*/}
.tabl4largeur {
	width:75%;	
}
.tabl4image {
	width:30%;	
}
.tableprod table {color:#000000;text-decoration:none;font-size:13px;}
.tableprod table td {
	color:#000000;
	text-decoration:none;
	font-size:13px;
	vertical-align:middle;
	padding-bottom:1%;
	padding-right:5px;
}
.tableprod2 table {color:#000000;text-decoration:none;font-size:13px;}
.tableprod2 table td {
	color:#000000;
	text-decoration:none;
	font-size:13px;
	vertical-align:top;
	padding-bottom:1%;
	padding-right:5px;
}
.primary_nav_wrap{margin-top:0px;}
.primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}
.primary_nav_wrap ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:15px;
	line-height:32px;
	padding:0 10px;
	/*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/
}
.primary_nav_wrap ul a:hover
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:15px;
	line-height:32px;
	padding:0 10px;
	/*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/
}
.primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	z-index: 12;
	padding:0
}

.primary_nav_wrap ul li:hover{	
background:#f6f6f6;

}


.primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
}
.primary_nav_wrap ul ul li{float:none;width:200px;}
.primary_nav_wrap ul ul a{line-height:80%;padding:5px 15px;}
/* .primary_nav_wrap ul ul ul li{float:none;width:200px;}*/
/* .primary_nav_wrap ul ul ul a{line-height:80%;padding:5px 15px;}*/
.primary_nav_wrap ul ul ul{
	top: 0;
  left: auto;
  right: -99.5%;
	}

.primary_nav_wrap ul li:hover > ul{display:block;}
/* .primary_nav_wrap ul ul li:hover > ul{display:block;}*/

.menuimage{margin-top:0px;}
.menuimage ul {
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}
.menuimage ul a {
	display:block;
	color:#505050;
	text-decoration:none;
	font-weight:600;
	font-size:13px;
	line-height:8px;
	padding: 0px 0px 10px 0;
	/*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/
}
.menuimage ul a:hover {
	display:block;
	color:#505050;
	text-decoration:none;
	font-weight:600;
	font-size:13px;
	line-height:8px;
	padding: 0px 0px 10px 0;
	/*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/
}
.menuimage ul li{
	position:relative;
	float:left;
	margin:0;
	z-index: 12;
	padding:0
}

.menuimage ul li:hover{	background:#f6f6f6;}

.menuimage ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
}
.menuimage ul ul li{float:none;width:200px;}
.menuimage ul ul a{line-height:80%;padding:5px 15px;}

.menuimage ul ul ul{top: 0; left: auto; right: -99.5%;	}

.menuimage ul li:hover > ul{display:block;}

#panier_nav_wrap{margin-top:0px;display:inline;}

#panier_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	font-size:11px;
}

#panier_nav_wrap ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-size:11px;
	line-height:32px;
	padding:0 10px;
}
#panier_nav_wrap > li > a:hover {
color: #fff; 
}


#panier_nav_wrap ul a.c1
{
	display:inline;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	line-height:0px;
	padding:0 0px;
	/*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/
}
#panier_nav_wrap ul li{
	position:relative;
	float:left;
	margin:0;
	z-index: 12;
	padding:0
}


#panier_nav_wrap ul li:hover{background:#fff;}
#panier_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
	border: #ddd;
border-width: 1px;
border-style: solid;
}
.panier2 {width:60%;}
#panier_nav_wrap ul ul li{float:none;width:425px;}
#panier_nav_wrap ul ul a{line-height:100%;padding:5px 15px;}
#panier_nav_wrap ul ul ul{top:0;left:100%;}

#panier_nav_wrap ul li:hover > ul{display:block;}
.demoInputBox{padding:5px; border:#F0F0F0 1px solid; border-radius:4px; background-color:#FFF;}
.optionproduit select{
	color:#472bec;
	font-weight:bold;
}
.tirageselect select {/*width:100px;*/}
#progress-bar {background-color: #12CC1A;height:20px;color: #FFFFFF;width:0%;-webkit-transition: width .3s;-moz-transition: width .3s;transition: width .3s;}
.btnSubmit{background-color:#09f;border:0;padding:10px 40px;color:#FFF;border:#F0F0F0 1px solid; border-radius:4px;}

#progress-div {
/*border:#0FA015 1px solid;*/
padding: 7px 1px;
border-radius:4px;
text-align:center;
width:85%;
float:left;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #eed3d7;
  border-radius: 4px;
  position: absolute;
  bottom: 0px;
  right: 21px;
  /* Each alert has its own width */
  float: right;
  clear: right;
  background-color: white;
}
.alert-red {
  color: white;
  background-color: #DA4453;
}
div#telecharge {
	position:absolute;
	display:none;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	width: 100%;
	height: 2000px;
	z-index: 12;
}
.videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.newsblog{	padding:1%;}
.newsblogimage{	width:94%; border-radius:4px;}
.categophotoimage { height:202px; }
.categophoto {
	position: absolute;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5c5c5c', endColorstr='#5c5c5c'); /* IE */
	color: rgb(255, 255, 255);
	text-align: center;
	opacity: 1;
	letter-spacing: 1px;	
	padding: 7px;
}
.resosauce {width:40%;float:right;padding:0.25em  0 0 0;}
[id^="dd"] {
  margin: 0px;
  
  position: relative;
}

[id^="ii"] {
  display: block;
}

[id^="photo"] {
  position: absolute;
  top: 0;
  width: 100%;
  vertical-align: bottom;
}
#test::after {
  content: '';
  flex-grow: 1e4;
  min-width: 20%;
}
.titrephoto{
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0);
	color:rgba(0,0,0,0);
	text-align:center;
	opacity:0;
	height:25%;
}

.titrephoto:hover{
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(15,15,15,.6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5c5c5c', endColorstr='#5c5c5c'); /* IE */
	color:white;
	opacity:1;

}
.titrephoto .lien a{
	
	text-align:center;
}
.titrephoto .lien a:hover{
		
}
.titrephoto .lien img{
	

}
.titrephoto .lien img:hover{
	color:white;
	background-color: rgba(255,255,255,0.5);
	
}

.titrephoto input[type="button"]{
	background-color: rgba(0,0,0,0);
	color:rgba(0,0,0,0);
	text-align:center;
	border:none;
	background-image:none;
	 -moz-box-shadow: none;
  box-shadow: none;
}
.titrephoto input[type="button"]:hover {
	color:white;	
}
.tphoto2 {
	margin-top:1em !important;
	
}
.hidden {
	display:none;
}
.flex-container1 {
display: inline-flex;
  font-weight: bold;
  vertical-align: top;
  flex-wrap:wrap;
}

.flex-container1 > div {
  text-align: center;
  width :220px;
  margin-bottom:20px;
  flex-grow: inherit;
}	
.flex-container1  img {
	max-width:200px;
	margin-bottom: 10px;
}
.flex-container1 img:hover {
	transform: scale(1.1);
	
}

.flex-container1 > div:hover {
background-color: rgba(246,246,246,.6);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f5f5f5', endColorstr='#f5f5f5'); /* IE */

}

.barre {
	border-left: 1px solid #a4d4ff;
	/* border-right: 1px solid #16222c; */
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.barre:first-child {

	border-right: 1px solid #16222c; 
	height: 100%;
	position: absolute;
	top: 0;
}

.vedettecont1 {
	text-align: center;
	font-size: small;
	font-weight: bold;
	width: auto;
	position: relative;
	display:inline-block;	
	padding: 1.50em;
}
.vedettecont1 a{text-decoration:none;color:blue;font-weight:bold;}

.vedetteimprod1 {
	
}
.categocont1 {
	position: absolute;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.61);
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	opacity: 1;
	letter-spacing: 1px;	
	background: rgba(0, 0, 0, 0.7);
	padding: 7px;
}
.menuim1 {width:auto;height:60px}


@media only screen and (min-width:931px) and (max-width:1100px) {
.menuim1 {width:auto;height:48px}	
.menuimage ul a {
	display:block;
	color:#505050;
	text-decoration:none;
	font-weight:600;
	font-size:11px;
	line-height:8px;
	padding: 0px 0px 10px 0;

}	
.menuimage ul a:hover {
	display:block;
	color:#505050;
	text-decoration:none;
	font-weight:600;
	font-size:11px;
	line-height:8px;
	padding: 0px 0px 10px 0;
	
}
}

@media only screen and (min-width:600px) and (max-width:931px) {
.imageadaptaille3 {	height:auto !important; width:25%;}	

}
@media only screen and (min-width:0px) and (max-width:599px) {
.imageadaptaille3 {	height:auto !important; width:37%;}			
	
}

@media screen and (max-width: 931px) {
.sitenormal {display:none;}
.siteportable {display:block;}


a.lien1 { color:#039; text-decoration:none; font-weight:normal ; font-size:16px;}
a.lien1:hover { color:#039; text-decoration:underline; font-weight:normal;  font-size:16px;}
a.lien1:visited { color:#603; text-decoration:none; font-weight:normal; font-size:16px;}

a.lien2 { color:#039; text-decoration:none; font-weight:normal ; font-size:13px;  }
a.lien2:hover { color:#039; text-decoration:underline; font-weight:normal;  font-size:13px;}

a.lien3 { color:#000; text-decoration:none; font-weight:500 ; font-size:12px;  }
a.lien3:hover { color:#000; text-decoration:underline; font-weight:500;  font-size:12px;}
a.lien5 { color:#000; text-decoration:none; font-weight:normal ; font-size:12px;}
a.liencatego {color:#000; text-decoration:none; font-weight:normal ; font-size:12px;}
.lien4 { color:#000; text-decoration:none; font-weight:bold ; font-size:16px;  }
a.lienh2 {font-size: 18px;color: #039;text-decoration: none;font-weight: bold;}
.lien6 { color:#fff; text-decoration:none; font-weight:normal ; font-size:12px; text-align:center;}
.pbout1{  color:#000; text-decoration:none; font-weight:normal ; font-size:16px;}
.pbout2 {  color:#000; text-decoration:none; font-weight:normal ; font-size:15px;}
.pbout3 {color:#000; text-decoration:none; font-weight:normal ; font-size:12px;}
.catpano{width: 45%;}
.catimage{width: 40%;}
.catext{width: 50%;}
.catbout{width: 10%;}

.casa {
	background: #f8f8f8;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 1px;
}
.casachoc {
	background: #f8f8f8;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 1px;	
}
[class^="panpan"] {
    background: #f8f8f8;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 1px;	
}
[class^="pantir"] {
    background: #f8f8f8;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 1px;	
}
.panier {
	background: #f8f8f8;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 1px;	
}


.imageadaptaille2 {height:90px;width:auto !important;}
.imageadaptaille4 {	height:auto !important; margin:0 auto; width:45%;}		
.imageadaptaille5 {	height:auto !important; width:30%;}	

.logosauce{
height:15px;	
width:auto !important;	
padding:0 0.3em 0 0.3em;
	
}
.titresurimage {font-size:13px; font-weight:700; z-index:9;}
.posisurimage {position:absolute;top:10%; left:21%; z-index:8; text-align:left;}

div {font-family:Verdana, Geneva, sans-serif;}	
textarea { font-family: inherit; font-size: inherit;}
h1{
margin: 0px 0px 0px 0px ;
font-size: large;
font-weight: 700;
}
h2 {
line-height: normal;
font-size: medium;	
margin: 0px 0px 0px 0px ;
padding:0 ;

}
h3 {margin: 0;}
h4 {margin: 0;font-weight:normal; font-size:9px}
h5 {margin-top:1em !important;}	

.titre2{
	font-size: large;
	font-weight: 700;
	line-height: normal;
	margin: 12px 5px 5px 3px;
padding:0;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	/* position: absolute; */
	z-index: -1;
}
.boutsub2 {
	
	cursor: pointer;
background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #666666;
  -moz-box-shadow: 1px 1px 2px #666666;
  box-shadow: 1px 1px 2px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  background: #3498db;
  padding: 4px 5px 4px 5px;
  border: solid #1f628d 1px;
  text-decoration: none;
}
.boutsub2:hover {
cursor: pointer;	
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  }
.inputfile + label {
cursor: pointer;
background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #666666;
  -moz-box-shadow: 1px 1px 2px #666666;
  box-shadow: 1px 1px 2px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  background: #3498db;
  padding: 4px 5px 4px 5px;
  border: solid #1f628d 1px;
  text-decoration: none;
}
.inputfile:focus + label,
.inputfile + label:hover {
	cursor: pointer;   
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  }
input[type="submit"], input[type="button"] {
	
background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #666666;
  -moz-box-shadow: 1px 1px 2px #666666;
  box-shadow: 1px 1px 2px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  background: #3498db;
  padding: 4px 5px 4px 5px;
  border: solid #1f628d 1px;
  text-decoration: none;
}
div#telecharge {
	position:absolute;
	display:none;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	width: 100%;
	height: 2000px;
	z-index: 12;
}
input[type="submit"].mobi, input[type="button"].mobi {
background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #666666;
  -moz-box-shadow: 1px 1px 2px #666666;
  box-shadow: 1px 1px 2px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  background: #3498db;
  padding: 4px 8px 4px 8px;
  border: solid #1f628d 1px;
  text-decoration: none;
}
input[type="submit"]:hover, input[type="button"]:hover {

  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.fauxbut {
	border : solid 0px #ffffff;
	Margin-Left: 5pt;
	background-color:#FFF;
	font-weight:bold;
	color:#000;
	padding : 3px 10px;
}
#btn1 input[type="button"]{
  border: none;
  background-color:transparent;
  color: black;
  cursor: pointer;
}
#btn1 input[type="button"]:hover{
  background:transparent;
  background-color:transparent;
  }


div#plush1 {float:left; font-size: small; display:inline; padding-top:4px; padding-left:6px}
div#plush2 {width:40%; float:left; font-size: small; padding-left:5px}
div#plush3 {width:23%; float:left; padding-top:4px; padding-left:1%; padding-right:5%;  font-size:small;}
div#plush4 {width:38%; float:left; padding-top:3px; padding-left:5px; padding-right:5px; font-size: small; }
div#plush5 {width:auto; float:right; font-size: small;  padding-left:0px; padding-top:3px;  }
div#plush6 {float:left; font-size: small; display:inline; }
.plush7 {float:left; font-size:small; display:inline; }
.plush8 {float:left; font-size:small; display:inline; }
.plush9 {float:left; text-align:right; font-size:14px; display:inline; }
div#plush10 {float:left; text-align:right; padding-left:0px; font-size: small; }
div#plush11 {float:left; font-size: small; display:inline; }

div#progress-div2 {
	position: relative;
	display: none;
	top: 0;
	z-index: 13;	
	height: 36%;
	width:85%;
	left: 0%;
}


div#ht2 {float:left; width:55%;  margin-right:4%;}


div#banniere {
padding-top: 0.3em;
	text-align: center;
margin:0 auto 0 auto;
	width: 88%;	
}
.titrevedettes{
font-size: 16px;	
font-weight:700;	
text-align:left;
margin-bottom:1%;
border-bottom-style: solid;
border-color: #e4e7e7;
border-width: thin;
padding-left:2%;
}
div#ht1 {float:left; width:30%; margin-right:1%}
.centrevedettes{
text-align:center;
padding-bottom:1%;
}
div#indexgauche {float:left; width:95%; padding-left:5%;padding-top: 1%;}
div#indexg{width:95%; padding-left:5px;padding-top: 1%;}
div#indexdroit {float:left; width:95%; padding-left:5%;padding-top: 5%;}
.vedette{
	text-align:center;
	font-size: small;
	font-weight:bold;
	border-style: solid;
	border-color: #9da8a8;
	border-width: thin;
	width: auto;
	text-decoration:none;
	display:inline-block;
	
}
.vedette a{text-decoration:none;}
.vedettecatego {
	text-align: center;
	font-size: small;
	font-weight: bold;
	width: auto;
	position: relative;
	display:inline-block;	
	margin : 1em;
}
.vedettecatego a{text-decoration:none;}
.box-overlay{
   left: 0; 
   color: white;    
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 6px; 
}
[class^="souspied"] {
	padding: 1%;
	display:inline-block;
	vertical-align: top;
	color: #fffdfd;
	text-align: left;
	text-decoration: none;
}
[class^="souspied"]  a {color: #000;text-decoration: none;}

div#concepteur a{font-size:10px}

div#adcomm {
	padding: 1%;
	padding-left:2%;
	padding-right:1%;
	width: 95%;
	float: left;
}
div#cont7 {
	padding: 1%;
	padding-left:2%;
	padding-right:1%;
	width: 95%;
	float: left;
}
div#loggauche {
	margin-top:0%;
	padding: 1%;
	padding-left:2%;
	padding-right:1%;
	width: 95%;
	float: left;	
}
div#faq {
	margin-top:1%;
	padding: 1%;
	padding-left:2%;
	width: 95%;
	float: left;
	font-size:13px
}
div#loggcatego {
	margin-top:0%;
	padding: 1%;
	padding-left:2%;
	padding-right:1%;
	width: 95%;
	float: left;	
}
div#loggprod{
	margin-top:0%;
	padding: 1%;
	padding-left:2%;
	padding-right:1%;
	width: 95%;
	float: left;	
}
div#logdroit {
	margin-top:0%;
	padding: 1%;
	padding-left:2%;
	padding-right:1%;
	width: 95%;
	float: left;	
}
div#logdcatego {
	margin-top:0%;
	padding: 1%;
	padding-left:2%;
	padding-right:1%;
	width: 95%;
	float: left;	
}
div#logdprod {
	margin-top:0%;
	padding: 1%;
	padding-left:2%;
	padding-right:1%;
	width: 95%;
	float: left;	
}

div#paygauche {
	padding: 1%;
	padding-left:2%;
	padding-right:1%;
	width: 95%;
	float: left;
}
div#paydroit {
	padding: 1%;
	padding-left:2%;
	padding-right:1%;
	width: 95%;
	float: left;
}
div#tiragehaut {text-align: left; padding-left:4%; margin-bottom: 2%; float:left;}
div#tirage {margin-top:2%; margin-bottom:0%; margin-left:2%; width:64%; float:left; vertical-align: top;	}


input[type=number]{width:38px} 
input[type=number].mobi {width:38px} 
input[type=number].panier{width:38px}

.class1{width: 80px;}
.class2{padding-top:3px;}
.table1	table {border-collapse:collapse;text-align:center;}
.table1 table td {
	background-color:#FFF;
	border-bottom: 1px solid #ddd;
	color:#0210b7;
	display: table-cell;
	vertical-align: middle;
}
.table1 table th {
	background-color:white;	
	color:black;}
.table1 select{	/*width:100px;*/}
.table3	table {
	border-collapse:collapse;	
	text-align:center;	
	font-size:13px
}
.table3 table td {	
	border:none;
	background-color:#FFF;
	border-bottom: 1px solid #ddd;
	color:#0210b7;
	display: table-cell; 
	vertical-align: middle !important;
}
.table3 table th {background-color:#e4f4ff;	color:#747474; border:none;
}
.table3 table a {font-size:10px;}
.table3 select{	width:80px;}
.table4 {width:96%; display:inline-block; vertical-align: top; padding-left:2%;}
.table4	table {
	border-collapse:collapse;	
	text-align:center;	
	font-size:13px
}
.table4 table td {	
	background-color:#FFF;
	border-bottom: 1px solid #ddd;
	color:#0210b7;
	display: table-cell; 
	vertical-align: middle;
}
.table4 table th {background-color:#e4f4ff;	color:#747474;}
.table4 table a {font-size:10px}
.table4 select{width:80px;}
.tabl4largeur {
	width:100%;	
}
.tabl4image {
	width:30%;	
}

div#tblprod {display:none;}
.tableprod table {	
	color:#000000;
	text-decoration:none;
	font-size:13px;	
}
.tableprod table td {	
	color:#000000;
	text-decoration:none;
	font-size:13px;
	vertical-align:middle;
	padding-bottom:1%;
	padding-right:2px;
}
.tableprod2 table {	
	color:#000000;
	text-decoration:none;
	font-size:13px;	
}
.tableprod2 table td {	
	color:#000000;
	text-decoration:none;
	font-size:13px;
	vertical-align:top;
	padding-bottom:1%;
	padding-right:2px;
}

.primary_nav_wrap{margin-top:0px;}
.primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}
.primary_nav_wrap ul a
{
	display:block;	
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:15px;
	line-height:30px;
	padding:0 7px;
}
.primary_nav_wrap ul a:hover
{
	display:block;	
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:15px;
	line-height:30px;
	padding:0 7px;
	/*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/
}
.primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	z-index: 12;
	padding:0
}

.primary_nav_wrap ul li:hover {	background:#f6f6f6}

.primary_nav_wrap ul ul.c2
{
	display:none;
	position:absolute;
	top:100%;
	background:#fff;
	padding:0;
	right:0;
	left: unset;
}
.primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	background:#fff;
	padding:0
}
.primary_nav_wrap ul ul li{float:none;width:200px;}
.primary_nav_wrap ul li.c3{width:50px;padding-left:5px;background-color: transparent;}
.primary_nav_wrap ul ul a{line-height:80%;padding:5px 15px;}
.primary_nav_wrap ul ul ul{top:0;left:100%;}

.primary_nav_wrap ul li:hover > ul{	display:block;}
#panier_nav_wrap{margin-top:7px }

#panier_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#panier_nav_wrap ul a
{
	display:block;	
	color:#333;
	text-decoration:none;
	font-size:12px;
	line-height:32px;
	padding:0 10px;
}

#panier_nav_wrap ul a.c1
{
	display:inline;	
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	line-height:0px;
	padding:0 0px;
}

#panier_nav_wrap ul li:hover {	background:#fff;}
#panier_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	z-index: 12;
	padding:0
}
#panier_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	right:0;
	background:#fff;
	padding:0;
	border: #ddd;
border-width: 1px;
border-style: solid;
}

#panier_nav_wrap ul ul li{float:none;width:325px;}
#panier_nav_wrap ul ul a{line-height:100%;padding:5px 15px;}
#panier_nav_wrap ul ul ul{top:0;left:100%;}
#panier_nav_wrap ul li:hover > ul{display:block;}
.optionproduit select{
	color:#472bec;
	font-weight:bold;
}
.tirageselect select {width:90px;}
#progress-bar {background-color: #12CC1A;height:20px;color: #FFFFFF;width:0%;-webkit-transition: width .3s;-moz-transition: width .3s;transition: width .3s;}
.btnSubmit{background-color:#09f;border:0;padding:10px 40px;color:#FFF;border:#F0F0F0 1px solid; border-radius:4px;}
#progress-div {
padding: 4px 3px;
border-radius:4px;
text-align:center;
width:94%;
float:left;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #eed3d7;
  border-radius: 4px;
  position: absolute;
  bottom: 0px;
  right: 21px;
  /* Each alert has its own width */
  float: right;
  clear: right;
  background-color: white;
}

.alert-red {
  color: white;
  background-color: #DA4453;
}
.videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.newsblog{	padding:1%;}
.newsblogimage{	width: 100%;border-radius: 4px;	padding: 0 9em 0 0;}
.categophotoimage { height:202px; }
.categophoto {
	position: absolute;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5c5c5c', endColorstr='#5c5c5c'); /* IE */
	color: rgb(255, 255, 255);
	text-align: center;
	opacity: 1;
	letter-spacing: 1px;	
	padding: 7px;
}
.resosauce {width:40%;float:right;padding:0.25em  0 0 0;}
[id^="dd"] {
  margin: 0px;

  position: relative;
}

[id^="ii"] {
  display: block;
}

[id^="photo"] {
  position: absolute;
  top: 0;
  width: 100%;
  vertical-align: bottom;
}
#test::after {
  content: '';
  flex-grow: 1e4;
  min-width: 20%;
}
.titrephoto{
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0);
	color:rgba(0,0,0,0);
	text-align:center;
	opacity:0;
	height:25%;
}

.titrephoto:hover{
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(15,15,15,.6);
	background: rgba(0, 0, 0, 0.7);
	color:white;
	opacity:1;
}
.titrephoto .lien a{
	
	text-align:center;
}
.titrephoto .lien a:hover{
		
}
.titrephoto .lien img{
	

}
.titrephoto .lien img:hover{
	color:white;
	background-color: rgba(255,255,255,0.5);
	
}

.titrephoto input[type="button"]{
	background-color: rgba(0,0,0,0);
	color:rgba(0,0,0,0);
	text-align:center;
	border:none;
	background-image:none;
	 -moz-box-shadow: none;
  box-shadow: none;
}
.titrephoto input[type="button"]:hover {
	color:white;
	
	
}
.tphoto2 {
	margin-top:1em !important;
	
}
.hidden {
	display:none;
}
.flex-container1 {
display: inline-flex;
  font-weight: bold;
  vertical-align: top;
  flex-wrap:wrap;
}




.flex-container1 > div {

  text-align: center;
  width :143px;
  margin-bottom:8px;
  flex-grow: inherit;
}	
.flex-container1 > div:hover {
background-color: rgba(246,246,246,.6);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f5f5f5', endColorstr='#f5f5f5'); /* IE */
  
}

.flex-container1  img {
	max-width:130px;
  margin-bottom:8px;
}
.flex-container1 img:hover {
	transform: scale(1.1);	
}
.barre {
	// border-left: 1px solid #a4d4ff;
	/* border-right: 1px solid #16222c; */
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.barre:first-child {

	border-right: 1px solid #16222c; 
	height: 100%;
	position: absolute;
	top: 0;
}	
.vedettecont1 {
	text-align: center;
	font-size: small;
	font-weight: bold;
	width: auto;
	position: relative;
	display:inline-block;	
	padding: 0.7em;
}
.vedettecont1 a{text-decoration:none;color:blue;font-weight:bold;}
.vedetteimprod1 {}
.categocont1 {
	position: absolute;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.61);
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	opacity: 1;
	letter-spacing: 1px;	
	background: rgba(0, 0, 0, 0.7);
	padding: 7px;
}






}