* {
	padding:0px 0px;
	margin:0px 0px;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}
h1 {
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	margin-bottom:10px;
}
h2 {
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	margin-bottom:5px;
}
h3 {
	font-size:13px;
	font-style:normal;
	font-weight:bold;
}
p {
	margin-bottom:5px;
}
a {
	font-weight:normal;
	text-decoration:none;
	color:#0066FF;
}
a:hover {
	color:#888888;
}
a img {
	border:none;
}
ul {
	list-style-position:inside;
	padding-left:2em;
}
li {
	padding-left:0.2em;
}
body {
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	color:#111111;
  background:url(../images/fond3.jpg) no-repeat center fixed; 
  -webkit-background-size:cover; /* pour Chrome et Safari */
     -moz-background-size:cover; /* pour Firefox */
       -o-background-size:cover; /* pour Opera */
          background-size:cover; /* version standardisée */
}
#wrap {
	background-color:#FFFFFF;
	max-width:940px;
	margin:0px auto;
}
#header {
	display:table;
	width:100%;
	background-color:#FFFFFF;
	margin:auto;
}
#logo {
	background-image:url(../images/logo2.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position-x:center;
	height:117px;
	width:381px;
	float:left;
}
@media screen and (max-width: 940px) {
	#logo {
		background-image:url(../images/logo-mobile2.png);
		background-repeat:no-repeat;
		background-position-x:left;
		height:55px;
		width:207px;
	}
}
#compte {
	height:55px;
	width:400px;
	float:right;
}
@media screen and (max-width: 940px) {
	#compte {
		width:100px;
		margin-top:30px;
		height:25px;
	}
}
#photoleft {
	margin-left:10px;
	margin-top:5px;
	height:65px;
	width:422px;
	float:left;
	text-align:left;
}
#photoright {
	margin-right:10px;
	margin-top:10px;
	height:118px;
	width:480px;
	float:right;
	text-align:right;
}
.entetephoto1 {
	display:inline;
}
@media screen and (max-width: 940px) {
	#photoleft, #photoright {
		display:none;
	}
}
#navigation {
	width:100%;
	float:left;
}
#container {
	width:100%;
	margin:auto;
}
#fil_ariane {
	width:100%;
	padding-top:5px;
	padding-left:10px;
	font-size:12px;
	font-style:normal;
	background-color:#FFFFFF;
}
#bande_horizontale {
	width:100%;
	height:1px;
	background-color:#CCCCCC;
}
.ligne_horizontale {
	width:100%;
	height:1px;
	background-color:#CCCCCC;
	margin-bottom:10px;
}
#corps {
	width:100%;
	padding:15px 15px;
	background-color:#FFFFFF;
	margin:auto;
	min-height:400px;
}
@media screen and (max-width: 940px) {
	#corps {
		padding:15px 5px;
	}
}
.section, .sectionbtn {
	padding-bottom:5px;
	background-color:#FFFFFF;
	overflow:auto;
}
.sectionbtn {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	width:100%;
}
footer {
	width:100%;
	margin:auto;
	background-color:#0066FF;
	text-align:center;
	color:#FFFFFF;
}
#copyright {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
	background-color:#CC0099;
	color:#EEEEEE;
	font-size:14px;
}
#copyright a {
	color:#EEEEEE;
	font-weight:bold;
}
#copyright a:hover {
	color:#111111;
}
footer a {
	color:#EEEEEE;
}
footer a:hover {
	color:#111111;
}
.clear {
	clear:both;
}
.image_droite {
	margin:5px;
	padding-left:10px;
	float:right;
}
.image_gauche {
	margin:0px 5px 5px 5px;
	padding-right:10px;
	float:left;
}
.clearfix {
  overflow:auto;
}
.loupe {
	background-image:url(../images/mini_loupe.gif);
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:25px;
	padding-left:15px;
}
#rollover:hover {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}
figure {
	margin:0 0 10px 0;
	padding:0;
}
figcaption {
	text-align:center;
	margin:0;
	padding:0;
}
input, textarea, select {
	border:solid 1px #dfdfdf;
	color:#555;
	background:#efefef;
	margin-bottom:3px;
	margin-top:3px;
	padding:5px 5px;
	vertical-align:middle;
	width:100%;
}
label {
	font-weight:bold;
}
.etoile {
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	color:#ca0505;
	font-weight:bold;
	padding-left:5px;
}
.bouton, .select .bouton {
	display:inline-block;
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	color:#FFFFFF;
	padding:3px 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,111111+50,777777+100 */
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #111111 50%, #777777 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cccccc 0%,#111111 50%,#777777 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cccccc 0%,#111111 50%,#777777 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
	border-right:1px solid #555;
	border-radius:8px 8px 8px 8px;
	border-left:1px solid #888;
	/* margin:5px 5px; */
	text-align:center;
	text-decoration:none;
	text-shadow:none;
	font-weight:normal;
}
.bouton:link {
	text-decoration:none;
	font-weight:normal;
}
.bouton:visited {
	text-decoration:none;
	font-weight:normal;
}
.bouton:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aaaaaa+0,333333+50,999999+100 */
	background: #aaaaaa; /* Old browsers */
	background: -moz-linear-gradient(top, #aaaaaa 0%, #333333 50%, #999999 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #aaaaaa 0%,#333333 50%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #aaaaaa 0%,#333333 50%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
	border-right:1px solid #999;
	cursor:pointer;
	color:#FFFFFF;
}
.bouton:disabled {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,888888+50,cccccc+100 */
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top, #dddddd 0%, #888888 50%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dddddd 0%,#888888 50%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dddddd 0%,#888888 50%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */				
	border-right:1px solid #999;
}
.bouton_inactif {
	display:inline-block;
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	color:#FFFFFF;
	padding:3px 15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,888888+50,cccccc+100 */
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top, #dddddd 0%, #888888 50%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dddddd 0%,#888888 50%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dddddd 0%,#888888 50%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */				
	border-right:1px solid #999;
	border-radius:8px 8px 8px 8px;
	border-left:1px solid #aaa;
	/* margin:5px 5px; */
}
@media screen and (max-width: 940px) {
	.bouton, .bouton_inactif {
		padding:3px 3px;
	}
	.precedent {
		display:none;
	}
}
.offerSaving {
	margin-left:0px;
	padding:5px 3px;
	text-align:center;
	color:#fff;
	background:#DC0105;
	font-weight:bold;
	font-size:13px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.quantite {
	padding:0;
	margin:0;
}
.select select {
  background:transparent;
  width:100%;
  padding:0px 0px;
  border:1px solid #ccc;
	background:#efefef;
} 
.select input {
  background:transparent;
  width:100%;
  padding:0px 0px;
  border:1px solid #ccc;
	background:#efefef;
} 
.message {
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#0066FF;
	text-decoration:blink;
	text-align:center;
	padding-bottom:50px;
}
.comptebtn {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-align:center;
}
.comptebtn span {
	padding-left:10px;
	padding-bottom:25px;
}
.comptebtn:hover {
	color:#0066FF;
}
@media screen and (max-width: 940px) {
	.comptePC {
		display:none;
	}
}
.compteMOBILE {
	display:none;
}
@media screen and (max-width: 940px) {
	.compteMOBILE {
		display: inline;
	}
}
.formbtn {
	margin:10px auto 20px auto;
	text-align:center;
}
.msg_erreur {
	text-align:center;
	color:#CC0000;
	font-weight:bold;
}
.contener_slideshow
{
	width:200px;
	height:190px;
	overflow:hidden;
	position:relative;
	margin:5px 0px;
}
.slid_1, .slid_2, .slid_3, .slid_4, .slid_5
{
	position: absolute;
	width:200px;
	height:190px;
}
.slid_1{left: 0;}
.slid_2{left: 200px;}
.slid_3{left: 400px;}
.slid_4{left: 600px;}
.slid_5{left: 800px;}
.contener_slide
{
	width: 800px;
	height: 190px;
	left:0px;
	position: absolute;
	-webkit-animation-duration: 15s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-name: anim_slide;
	-moz-animation-duration: 15s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-name: anim_slide;
	-ms-animation-duration: 15s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-name: anim_slide;
	animation-duration: 15s;
	animation-iteration-count:infinite;
	animation-name: anim_slide;
}
@-webkit-keyframes anim_slide 
{
	0% {left:0px;}
	22% {left:0px;}
	33% {left:-200px;}
	45% {left:-200px;}
	66% {left:-400px;}
	90% {left:-400px;}
}
@-moz-keyframes anim_slide 
{
	0% {left:0px;}
	22% {left:0px;}
	33% {left:-200px;}
	45% {left:-200px;}
	66% {left:-400px;}
	90% {left:-400px;}
}
@-ms-keyframes anim_slide 
{
	0% {left:0px;}
	22% {left:0px;}
	33% {left:-200px;}
	45% {left:-200px;}
	66% {left:-400px;}
	90% {left:-400px;}
}
@keyframes anim_slide 
{
	0% {left:0px;}
	10% {left:0px;}
	20% {left:-200px;}
	30% {left:-200px;}
	40% {left:-400px;}
	50% {left:-400px;}
	60% {left:-600px;}
	70% {left:-600px;}
	80% {left:-800px;}
	90% {left:-800px;}
}
#grayBack 
{
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: black;
     z-index: 1999;
     opacity: 0.5;
}
#customPopup 
{
     position: fixed;
     display: none;
     left: 50%;
     top: 50%;
     z-index: 2000;
     padding: 10px;
     width: 850px;
     background-color: #EEEEEE;
     font-size: 12px;
     line-height: 16px;
     color: #202020;
     border : 3px solid #333333;
}
.nouveauproduit {
	color:#FF0000;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
}