@charset "utf-8";
/* soft reset KNACSS http://knacss.com */
html,
body,
textarea,
figure,
label {
	margin: 0;
	padding: 0;}
ul,
ol {
	padding-left: 2em;}
ul.unstyled {
	list-style: none;}
code, 
pre,
samp,
kbd {
	white-space: pre-wrap;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
	line-height: 1em;}
code, kbd, mark {
	border-radius: 2px;}
em {
	font-style: italic;}
strong {
	font-weight: bold;}
kbd {
	padding: 0 2px;
	border: 1px solid #999;}
code {
	padding: 2px 4px;
	background: rgba(0,0,0,.04);
	color: #b11;}
mark {
	padding:2px 4px;
	background: #ff0;}

table { margin-bottom: 1.5em;}
/*HTML5 ELEMENTS IE*/
aside, article, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
/**/
a:link {color: #666;}
a:visited {color: #666;}
a:focus {color: #333;}
a:hover {color: #333;}
a:active {color: #333;}
body {
	background: #FFF;
	font-family: pt-sans-narrow, 'Arial Narrow', sans-serif;}
header {
	background: #FFF;
	margin: 0;}
h1, h2, h3, h4, h5, h6 {color: #96C11F;}
footer {
	background: #6DB022;
	margin: 0 auto;
	padding: 0 0 60px 60px;
	width: 930px;}
	footer h2.footer-title {
		color: #FFF;
		font-size: 20px;
		margin: 0 0 10px 0;
		text-transform: uppercase;}
img {border:none;}
.global {
	background: #FFF url(/img/com/footer-bg.gif) center bottom no-repeat;
	margin: 0 auto;
	padding: 0 0 284px 15px;
	position: relative;
	width: 975px;}
.header-left {
	float: left;}
.header-right {
	background:#FFF url(/img/com/header_background.png) left bottom no-repeat;
	float: left;
	height: 158px;
	margin: 0;
	width: 841px;}
	.header-right nav {
		color:#97BF0D;
		margin: 0 0 25px 665px;
	}
	.header-right nav span.nav-top a {
		color:#333;
		font-weight: 400;
		font-style: normal;}
	.header-right nav a {
		font-size:14px;
		font-weight: 400;
		font-style: normal;
		padding: 0 5px;
		text-decoration: none;}
		.header-right nav span, .header-right nav span a {
			color:#00501F;
			font-size: 14px;
			font-style: normal;
			font-weight: 700;}
			.header-right nav span span {color: #F39B11;}
			.header-right nav span span a {
				color: #F39B11;
				font-size: 14px;
				font-style: normal;
				font-weight: 700;}
.box-form-search {
	/*background: #FFF url(/img/com/form-search-bg.gif) left top no-repeat;*/
	float: left;
	margin:-14px 0 0 132px;
	padding: 32px 20px 0 45px;}
.form-search {
	border:1px solid #898F7A;
	background-color:#FFF;
	height:35px;
	width:464px;}
.input-search {
	background: #FFF url(/img/com/search-bg.gif) left top no-repeat;
	border: 0;
	height:33px;
	line-height:35px;
	margin: 0;
	padding:0 10px;
	vertical-align:middle;
	width:410px;}
.input-search-submit {vertical-align:middle;}
.box-user {
	border-left: 1px solid #97BF0D;
	color: #707070;
	cursor: pointer;
	float: left;
	font-size: 11.5px;
	height: 25px;
	line-height: 14px;
	padding: 45px 0 0 12px;}
	.box-user:hover {color: #97BF0D;}
.box-cmp {
	background: #FFF url(/img/com/ico-user.gif) center 13px no-repeat;
	width: 44px;}
.box-cad {
	background: #FFF url(/img/com/ico-panier.gif) center 3px no-repeat;
	position: relative;
	width: 50px;}
	.box-cad span {
		color: #97BF0D;
		font-size: 18px;
		font-weight: 700;
		position: absolute;
		right: 6px;
		top: 27px;}
/* Page d'accueil Guides */
.m-box-guide {
	margin-top:40px;
}
.m-box-guide h2 {
	background: #ff8901;
	color: #ffffff;
	font-weight: 400;
	margin: 0 0 4px 0;
	padding: 0 10px;}
.m-box-guide a {display:block; float:left;}
.m-box-guide img {border: 1px solid #87888A;}
.guide {
	/*background:#FFF url(/img/com/guide_bgrd.jpg) right 15px no-repeat;*/
	padding:10px 0 0 7px;
	position:relative;
}
.guide a:first-child {margin-right: 7px;}
/*NAVIGATION*/
.header_block {
	width:975px;
	margin:0 0 10px 0;
}
a#phonetop {
	color:#FF8901;
}
.nav {
	height: 42px;
	margin: 0;
	width: 841px;
}
nav.nav {
	margin:0;
	padding:0;
	/*witdh:841px;*/
	position:relative;
}

.menu {
	/*background: #FFF;*/
	height:42px;
	list-style:none;
	margin:0 0 0 11px;
	padding:0;
	bottom:-16px;
	position:absolute;
	/*width:841px;*/
	z-index:1000;}
.menu li {
	border:none;
	display:block;
	float:left;
	padding: 0;
	margin:0;
	position: relative;
	text-align:center;
}
.menu li a {
	background: #1a6834;
	color: #FFF;
	display:block;
	font-size:16px;
	font-weight: 700;
	height:42px;
	width:119px;
	line-height: 42px;
	outline:0;
	padding:0 10px;
	text-align: center;
	text-decoration:none;
	text-transform: uppercase;}

.menu .F202 a {width:191px;}
/*.F201 a {width:120px;}
.F202 a {width:120px;}
.F203 a {width:120px;}
.F204 a {width:120px;}
.F205 a {width:130px;}
.F206 a {width:130px;}
.F207 a {width:135px;}
.F206 a {width:135px;}*/

.F201 a, .F202 a, .F203 a, .F205 a {border-right: 1px solid #87888A;}

/*.menu li.F205 a, .menu li.F206 a {
	background: #E3E4E5;
	color: #87888A;
	height:42px;
	line-height: 42px;
	padding: 0;
	text-align: center;}*/
.menu li.F206 a {margin-right:0;}
/*.menu li.F205 a:hover, 
.menu li.F206 a:hover, 
.menu li.F205:hover .drop, 
.menu li.F206:hover .drop {background: #E3E4E5 url(/img/com/arrow-5.png) center bottom no-repeat;color: #87888A;}*/

.menu li.F207 a {
	background: #96C11F;
	width: 170px;
}
.menu li.F207 a:hover {background: #C2CE00;}
.menu li a:hover, .menu li:hover .drop {background: #3E3D40 url(/img/com/arrow-4.png) center bottom no-repeat;}

.menu li .dropdown-cont a,
.menu li.F205 .dropdown-cont a,
.menu li.F206 .dropdown-cont a {
	background: none;
	border: none;
	color: #7D4854;
	/*display: inline;*/
	font-size:13px;
	font-weight: 400;
	height: auto;
	line-height: 13px;
	outline:0;
	padding:0;
	text-align: left;
	text-decoration:none;
	text-transform: none;
	width: auto;}
	.menu li .dropdown-cont a:hover,
	.menu .F205 .dropdown-cont a:hover,
	.menu .F206 .dropdown-cont a:hover {color:#111;}

.dropdown-1column, 
.dropdown-2columns, 
.dropdown-3columns, 
.dropdown-4columns,
.dropdown-5columns {
	background: #F9F7F2;
	border:none;
	/*box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);*/
	box-shadow: #CCC 4px 4px 4px;
	float:left;
	left: -999em; /*  Hides the drop down */
	margin: 0 auto;
	position:absolute;
	text-align:left;
	z-index: 10000 !important;}
.dropdown-cont {
	padding-top: 20px;}
	.dropdown-cont li {
		float: none;
		margin: 0;}
		.dropdown-cont li a {
			height: auto;
			margin-right: 0;
			outline:0;
			padding: 0;
			width: auto;}
/*.dropdown-1column {width: 140px;}
.dropdown-2columns {width: 390px;}
.dropdown-3columns {width: 966px;}*/
.dropdown-4columns {width: 966px;}
/*.dropdown-5columns {width: 856px;}*/
.menu li:hover .dropdown-1column, 
.menu li:hover .dropdown-2columns, 
.menu li:hover .dropdown-3columns,
.menu li:hover .dropdown-4columns,
.menu li:hover .dropdown-5columns {
	left:-145px;
	top:auto;}
/*
.menu li.F203:hover .dropdown-4columns {left:-272px;}
.menu li.F204:hover .dropdown-4columns {left:-408px;}*/
.menu li.F202:hover .dropdown-4columns {left:-286px;}
.menu li.F205:hover .dropdown-4columns {left:-498px;}
.menu li.F206:hover .dropdown-4columns {left:-638px;}

.menu li.F205 > a,
.menu li.F206 > a {
	
	background-color: #CCC6B7;
	color: #555;
	
	}
	
.menu li.F205 > a:hover,
.menu li.F206 > a:hover,
.menu li.F205 > a:active,
.menu li.F206 > a:active,
.menu li.F205 > a:focus,
.menu li.F206 > a:focus,
.menu li.F205 > a:hover, .menu li.F205:hover > .drop,
.menu li.F206 > a:hover, .menu li.F206:hover > .drop  {
	
	color: #FFF;
	
	}


.col-1,
.col-2 {
	display:inline;
	float: left;
	position: relative;}
.col-1 {width:221px; padding: 0 10px;}
.col-2 {width:442px; padding: 0 10px;}

.col-2 .col-1 {padding: 0;}

.col-1.omega {border-right: none;}
/*.menu .dropdown-cont h1,*/ .menu .dropdown-cont h2, .menu .dropdown-cont h3, .menu .dropdown-cont p, .menu .dropdown-cont ul, .menu .dropdown-cont li {height: auto;margin: 0;padding: 0;text-align: left;}
.menu .dropdown-cont h2, .menu .dropdown-cont h2 a,
.menu .F205 .dropdown-cont h2, .menu .F205 .dropdown-cont h2 a,
.menu .F206 .dropdown-cont h2, .menu .F206 .dropdown-cont h2 a {
	color: #00501F;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;}
.menu .dropdown-cont h3 {margin: 0 0 5px 0;}
.menu .dropdown-cont h3 a {
	font-size: 16px;
	font-weight: 700;}
.menu .dropdown-cont ul {margin: 0 0 10px 0;}
.menu .dropdown-cont li {
	list-style-type: none;
	margin: 1px 0;}
.menu .dropdown-cont li a {
	font-size: 14px;
	line-height: 14px;}
.menu .dropdown-cont p {margin: 0 0 8px 0;}
.menu li .dropdown-cont a.btn-1 {color: #F29400;}
.menu li .dropdown-cont a.btn-1:hover {color: #F26710;}
.menu li .dropdown-cont a.btn-2 {
	color: #00501F;
	font-size: 14px;
	font-weight: 700;}

.col-rea {
	border: 1px solid #96C11F;
	color: #7D4854;
	float: left;
	height: 40px;
	margin: 10px 5px 10px 10px;
	padding: 3px 0;
	width: 265px;}
.col-rea-1 {
	font-size: 22px;
	text-align: center;
	vertical-align: middle;}
	.col-rea-1 img {
		margin-left: 15px;
		vertical-align: middle;}

.col-rea-2 {
	height: 46px;
	padding: 0;}
	.menu li .dropdown-cont .col-rea-2 a {text-align: center;}
.col-rea-3 {
	font-size: 22px;
	padding: 3px 10px;
	width: 350px;}
.col-rea-3-1 {
	float: left;
	line-height: 20px;
	width: 130px;}
.col-rea-3-2 {
	float: left;
	vertical-align: middle;
/*	width: 60px;*/}
.col-rea-3-3  {
	color: #F39B11;
	float: left;
	text-align: right;
	width: 175px;}
.menu .dropdown-cont .col-rea .col-rea-3-3 a {color: #F39B11;font-size: 26px;font-weight: 700;line-height: 40px;margin-left:20px;}
.menu .dropdown-cont .col-rea .col-rea-3-3 a:hover {color: #F26710;}
/*.col-rea-3-3 {
	color:#F39B11;
	text-decoration:none;
	font-size:26px;
	font-weight:700;
	text-align: right;
}*/
/**/
.sidebar-left {
	float: left;
	width: 647px;}
.sidebar-right {
	float: left;
	margin: 0 0 0 8px;
	width: 311px;}
/**/
.slider {
	border: 1px solid #000;
	float: left;
	height: 301px;
	width: 645px;}
.m-box-mea {
	float: left;
	margin: 0 0 0 1px;
	width: 310px;}
.box-mea {
	border: 1px solid #87888A;
	color: #707070;
	float: left;
	/*height: 147px;*/
	margin: 0 0 0 7px;
	position: relative;
	width: 310px;}
	.box-mea .box-mea-btn {
			font-size: 13px;
			margin: 0;}
	.box-mea p {
		font-size: 12px;
		line-height: 12px;}
.box-mea-top {margin-bottom: 9px;}
/*.box-mea-1 {background: #FFF url(/img/com/conseil-bg.jpg) left 6px no-repeat;}*/
	.box-mea-1 {
	
		height: 301px;	
		
		}
	.box-mea-1 h2 {
		font-size: 18px;
		font-weight: 400;
		line-height: 18px;
		margin: 9px 0 0 55px;}
	.box-mea-1 p {margin: 24px 0 0 72px;}
		
.box-mea-btn a {
	background: #FFF url(/img/com/arrow-1.gif) left center no-repeat;
	bottom: 5px;
	color: #F29400;
	padding: 0 0 0 8px;
	right: 5px;
	text-decoration: none;
	position: absolute;}
	.box-mea-btn a:hover {color: #F26710;}
.box-mea-2 {
	
		height: 88px;	
		
		}
.box-mea-2 h2 {
	font-size: 17px;
	font-weight: 400;
	line-height: 16px;
	margin: 9px 0 0 0;
	text-align: center;}
	.box-mea-2 h2 span {
		color: #F39B11;
		font-weight: 700;
		letter-spacing: 1px;}
.box-mea-bot h2 {
	font-size: 13px;
	font-weight: 400;
	line-height: 12px;
	margin: 9px 0 2px 0;
	text-align: center;}
.box-mea-3 p.box-mea-img {
	margin: 0;
	text-align: right;}
.box-mea-3 p, .box-mea-4 p {margin: 0;}
.box-mea-3 span, .box-mea-4 span {color: #96C11F;}
.etiq {
	background: #F39B11;
	color: #FFF;
	text-align: center;}
.box-mea .etiq {
	background: #F39B11;
	color: #FFF;
	padding: 1px 10px;
	position: absolute;
	text-align: center;}
	.box-mea .etiq sup {
		font-size: 10px;
		vertical-align: text-top;}
.box-mea-3 .etiq {
	right: 0;
	top: 35px;}
.box-mea-4 .etiq {
	left: 0;
	top: 96px;}
/**/
.m-box-gam {
	float: left;
	margin-top: 10px;
	width: 645px;}
	.m-box-gam h2 {
		background: #1a6834;
		color: #FFF;
		font-size: 24px;
		font-weight:400;
		margin: 0;
		text-align: center;
		width: 149px;}
.box-gam-prb .box-gam-head {
	border-left: 1px solid #9C9EA0;
	float: left;
	/*height: 142px;*/
	margin: -5px 0 0 -1px;
	width: 149px;}
	.box-gam-prb .box-gam-head img {display: block;}
.m-box-gam nav {
	border: 1px solid #9C9EA0;
	margin: 0 0 10px 0;
	width: 645px;}
/*.m-box-gam .box-gam-prb ul {
	float: left;
	list-style-type: none;
	margin: 5px 0 10px 10px;
	padding: 0;
	width: 155px;}*/
	.m-box-gam .box-gam-prb .box-gam-col-1,
	.m-box-gam .box-gam-prb .box-gam-col-2,
	.m-box-gam .box-gam-prb .box-gam-col-3 {width: 155px;}
.m-box-gam li {
	font-size: 14px;
	line-height: 14px;}
	.m-box-gam li a, .box-gam-col a {text-decoration: none;}
	.m-box-gam li a:hover {
		color: #F39B11;
		font-weight: 700;}
.box-gam-ptc .box-gam-head {
	border-left: 1px solid #9C9EA0;
	float: left;
	/*height: 142px;*/
	margin: -5px 0 0 -1px;
	width: 149px;}
.box-gam-col {
	float: left;
	margin: 5px 0 10px 10px;}
	.box-gam-col h3 {
		font-size: 14px;
		margin: 0;}
	.box-gam-col ul {
		list-style-type: none;
		margin: 0 0 5px 0;
		padding: 0;}
.box-gam-col-1 {width: 110px;}
.box-gam-col-2 {width: 200px;}
.box-gam-col-3 {width: 140px;}
/**/
.m-box-inf {
	/*float: left;*/
	/*height: 277px;*/
	margin: 10px 0 10px 0;
	width: 311px;}
.m-box-inf h2 {
	background: #ff8901;
	color: #ffffff;
	font-weight: 400;
	margin: 0 0 4px 0;
	padding: 0 10px;}
.box-inf {
	float: left;
	margin-left: 5px;
	width: 300px;}
	.box-inf h3 {
		border-bottom: 1px solid #7D4854;
		color: #707070;
		font-size: 19px;
		font-weight: 400;
		height: 20px;
		margin: 5px 0 0 0;
		padding: 13px 0 5px 28px;}
.box-inf-1 h3 {background: #FFF url(/img/com/info-1-bg.gif) left top no-repeat;}
.box-inf-2 h3 {background: #FFF url(/img/com/info-2-bg.gif) left top no-repeat;}
.box-inf p {
	color: #707070;
	font-size: 15px;
	padding: 0 5px;}
.box-inf-txt {
	/*height: 145px;*/
	line-height: 20px;
	margin: 10px 0;
	overflow: hidden;}
.box-inf .box-inf-btn {
	margin-bottom: 0;
	text-align: right;}
.box-inf-btn a {
	background: #FFF url(/img/com/arrow-1.gif) left center no-repeat;
	bottom: 5px;
	color: #ff8901;
	padding: 0 0 0 8px;
	text-decoration: none;}
	.box-inf-btn a:hover {color: ##ff8901;}
	.box-inf-btn.scaricane {
		position:absolute;
		bottom:5px;
		right:0;
	}
/**/
.box-promo {
	border: 1px solid #9C9EA0;
	cursor: pointer;
	float: left;
	height: 240px;
	margin: 0 10px 10px 0;
	padding: 0;
	position: relative;
	width:207px;}
	.box-promo.omega {margin-right: 0;}
.box-promo h2 {
	background: #FFF url(/img/com/ico-feuille.gif) left top no-repeat;
	color: #9C9EA0;
	font-weight: 400;
	height: 42px;
	margin: 0;
	padding: 0 0 0 44px;
	text-transform: uppercase;}
	.box-promo h2 span {
		color: red;
		font-weight: 700;}
.box-promo h3 {
	background: #FFF;
	color: #00501F;
	font-weight: 700;
	height: 54px;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;}
	.box-promo h3 a {
		color: #00501F;
		text-decoration: none;}
		.box-promo h3 a:hover {color: #333;}

.box-promo-left {
	float: left;
	width: 121px;}
	.box-promo-left img {height: 110px;width:110px;}
.box-promo-right {
	background: #FFF;
	float: right;
	width: 85px;}
.box-promo .etiq {
	background: #F39B11;
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 5px;
	padding: 4px 10px;
	text-align: center;}
	.box-promo .etiq span {font-weight: 400;}
	.box-promo .etiq sup {
		font-size: 10px;
		vertical-align: text-top;}
.box-promo p {
	color: #9C9EA0;
	font-size: 13px;
	line-height: 13px;
	margin: 0;}
.box-promo-txt {
	height: 80px;
	overflow: hidden;}
.box-promo-btn {
	background: #E3E4E5;
	bottom: 0;
	height: 14px;
	left: 0;
	margin: 0;
	padding: 10px;
	position: absolute;
	text-align: right;
	width: 187px;}
	.box-promo-btn a {
		background: #E3E4E5 url(/img/com/arrow-3.gif) left center no-repeat;
		color: #535353;
		font-size: 16px;
		padding: 0 0 0 10px;
		text-decoration: none;}
	.box-promo-btn a:hover {color: #333;}
/**/
.box-coords h2 {margin-bottom: 0;}
.box-info-faq {
	background: #96C11F url(/img/com/bulle-question.png) 480px 10px no-repeat;
	color: #FFF;
	cursor: pointer;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: center;
	width: 60%;
}
	.box-info-faq a {color: #FFF;}
	.box-info-faq p {
		font-size: 22px;
		font-weight: bold;}
	.box-info-faq :first-child {margin-top:0;}
	.box-info-faq :last-child {margin: 30px 0 0 0;}
/*ACTU*/
.box-actu {
	border: 1px solid #7D4854;
	float: left;
	height: 247px;
	/*margin: 0 0 0 8px;*/
	position: relative;
	width: 309px;}
	.box-actu h2, .box-actu h3 {margin: 0;}
	.box-actu h2 {
		background: #E3E4E5;
		color: #313131;
		font-size: 20px;
		font-weight: 400;
		padding: 0 10px;}
	.box-actu h3 {
		font-weight: 400;
		padding: 0 10px;}
	.box-actu h3 a {
		color: #222;
		text-decoration: none;}
.box-actu p {
	color: #707070;
	font-size: 12.5px;
	height: 35px;
	line-height: 16.5px; 
	margin: 0;
	overflow: hidden;
	padding: 0 10px;}
.box-actu-desc {width: 220px;}
.box-actu-btn a {
	background: #FFF url(/img/com/arrow-1.gif) left center no-repeat;
	bottom: 2px;
	color: #F29400;
	padding: 0 0 0 8px;
	right: 5px;
	text-decoration: none;
	position: absolute;}
	.box-actu-btn a:hover {color: #F26710;}
/**/
.rea {
	margin: 0 0 0 60px;
	width:780px;}
.rea nav {border-top: 1px solid #000;}
	.rea nav ul {
		margin: 0;
		padding: 0;}
	.rea nav li {
		display: block;
		float: left;
		text-decoration: none;
		width: 260px;
		text-align:center;}
		.rea nav li a {text-decoration: none;}
.box-rea {
	color: #707070;
	float: left;
	font-size: 26px;
	line-height: 26px;
	margin: 15px 0 0 0;
	width: 260px;}
	.box-rea img, .box-rea p {
		float: left;
		vertical-align: middle;}
	.box-rea img {
		margin-right: 10px;}
/*FOOTER*/
.footer-col {
	float: left;
	width: 280px;
	padding-right: 10px;}
	.footer-col h2 {
		font-size: 18px;
		margin: 0;
		text-transform: uppercase;}
	.footer-col h2 a, .footer-col h3 a {
		color: #00501F;
		text-decoration: none;}
		.footer-col h2 a:hover, .footer-col h3 a:hover {color: #333;}
	.footer-col h3 {
		font-size: 16px;
		margin: 0;}
	.footer-col li {margin: -3px 0 0 0;padding: 0 10px 0 0;}
		.footer-col ul {
			list-style-type: none;
			margin: 0 0 10px 0;
			padding: 0;}
	.footer-col ul a {
		color: #FFF;
		font-size: 14px;
		text-decoration: none;}
		.footer-col ul a:hover {color: #333;}
/**/
.footer2 {
	margin-top:20px;
}
.fil-ariane {
	margin: 0 0 25px 0;
	text-transform: uppercase;}
	.fil-ariane a {text-decoration: none;}
	.fil-ariane a:link {color: #96C11F;}
	.fil-ariane a:visited {color: #96C11F;}
	.fil-ariane a:focus {color: #333;}
	.fil-ariane a:hover {color: #333;}
	.fil-ariane a:active {color: #333;}
.fam-visu {
	float: left;}
.fam-sum {
	float: left;
	padding: 0 20px;
	width: 430px;}
	.fam-sum a {text-decoration: none;}
	.fam-sum a:link {color: #42A62A;}
	.fam-sum a:visited {color: #42A62A;}
	.fam-sum a:focus {color: #7D4854;}
	.fam-sum a:hover {color: #7D4854;}
	.fam-sum a:active {color: #7D4854;}
	.fam-sum p {margin-top: 0;}
	.fam-sum h1 {
		color: #96C11F;
		font-size: 36px;
		line-height: 36px;
		margin: 0 0 10px 0;}
.box-sfam {
background: #FFF;
box-shadow: #CCC 4px 4px 4px;
margin-bottom: 10px;
margin-right: 15px;
padding: 10px 0;
position: relative;}
.box-sfam.box-sfam-prod {padding: 10px 0 30px 0;}
.box-sfam-title,
.box-sfam-img,
.box-sfam-desc,
.box-sfam-nav {float: left;}
.box-sfam-desc img {display:none;}
.box-sfam-title {
	color: #96C11F;
	width: 168px;}
	/*.box-sfam-title span {
		font-size: 12px;
		font-weight: 400;}*/
	.box-sfam-prod .box-sfam-title {width: 270px;}
.box-sfam-title h2 {
	font-size: 30px;
	font-weight: normal;
	line-height: 28px;
	margin-bottom: 0;
	padding-right:5px;}
.box-sfam-title p {
	color: #000;
	font-size: 18px;
	font-style: italic;
	margin: 0;}	
.box-sfam-img {width: 167px;}
.box-sfam-prod .box-sfam-img {width: 200px;}
.box-sfam-desc {
	font-size: 13px;
	height: 150px;
	overflow: hidden;
	padding: 15px;
	width: 300px;}
	.box-sfam-desc a {color:#000;}
	.box-sfam-desc a {color:#000;}
	.box-sfam-prod .box-sfam-desc {width: 460px;}
	.box-sfam-desc p {margin: 0 0 1em 0;}
	.box-sfam-desc-all {
		background: #FFF url(/img/com/arrow-2.gif) left center no-repeat;
		bottom: 10px;
		font-size: 12px;
		left: 350px;
		padding: 0 0 0 10px;
		position: absolute;
		text-decoration: none;}
	.box-sfam-desc-all:link {color: #96C11F;}
	.box-sfam-desc-all:visited {color: #96C11F;}
	.box-sfam-desc-all:focus {color: #333;}
	.box-sfam-desc-all:hover {color: #333;}
	.box-sfam-desc-all:active {color: #333;}
.box-sfam-nav {
	border-left: 1px solid #96C11F;
	font-size: 12px;
	min-height: 150px;
	padding: 15px;
	width: 260px;}
	.box-sfam-nav-all {
		background: #FFF url(/img/com/arrow-6.gif) left center no-repeat;
		bottom: 10px;
		font-size: 12px;
		left: 680px;
		padding: 0 0 0 10px;
		position: absolute;
		text-decoration: none;
		text-transform: uppercase;}
	.box-sfam-nav-all:link,
	.box-sfam-nav-all:visited {color: #96C11F;}
	.box-sfam-nav-all:focus,
	.box-sfam-nav-all:hover,
	.box-sfam-nav-all:active {color: #333;}
	.box-sfam-prod {}
	.box-sfam-prod .box-sfam-nav-all {
		background: #DCDCDC;
		color: #333;
		font-size: 16px;
		font-weight: 700;
		left: inherit;
		padding: 5px 15px;
		right: 10px;
		text-transform: none;}
	.box-sfam-prod .box-sfam-nav-all:link,
	.box-sfam-prod .box-sfam-nav-all:visited {background: #DCDCDC;}
	.box-sfam-prod .box-sfam-nav-all:focus,
	.box-sfam-prod .box-sfam-nav-all:hover,
	.box-sfam-prod .box-sfam-nav-all:active {background: #CCC;}
	.box-sfam-nav.omega {
		border-left: none;
		border-right: none;}
	.box-sfam-nav ul {
		margin: 0 0 15px 0;
		padding: 0;}
	.box-sfam-nav li {list-style-type: none;}
	.box-sfam-nav a {
		background: #FFF url(/img/com/arrow-2.gif) left 5px no-repeat;
		color: #000;
		display: block;
		padding: 0 0 0 10px;
		text-decoration: none;}
		.box-sfam-nav a:hover {color: #666;}
/*FICHE*/
.box-fiche-img, .box-fiche-desc, .box-fiche-order {float: left;}
.box-fiche-img {
	margin-right: 20px;
	width: 200px;}
.box-fiche-desc {
	margin-right: 20px;
	width: 300px;}
	.box-fiche-desc h1, .box-fiche-desc h2, .box-fiche-desc h3, .box-fiche-desc h4, .box-fiche-desc h5, .box-fiche-desc h6 {
		font-size: 20px;
		margin: 0 0 5px 0;}
	.box-fiche-desc p {
		margin: 0 0 10px 0;
		text-align: justify;}
.box-fiche-order {
	/*background: #F2F3F4;*/
	float: right;
	width: 435px;}
	.box-fiche-order h2 {
		background: #41A62B;
		color: #FFF;
		font-size: 20px;
		font-weight: normal;
		margin:0;
		padding: 5px 10px;
		text-transform: uppercase;}
		.box-fiche-order h2.asso {background: #F49401;}
	.box-fiche-order.img2 {
		margin-top:-40px;
	}
	
	.box-ref {
		border-bottom: 1px solid #CCC;
		margin: 0 10px;
		padding: 10px 0;}
		.box-ref:last-child {border-bottom: none;}
		.box-ref header {background: none;margin: 0 0 5px 0;}
		.box-ref header div, .box-ref header h3 {float:left;}
	.box-ref header h3 {
		color: #000;
		font-size: 16px;
		font-weight: normal;
		margin:0;
		width:370px;}
	.box-ref header div {
		color: #666;
		font-size: 14px;
		font-weight: normal;
		line-height:22px;
		width: 45px;}
		.box-ref header div.label {width: auto;}
		.box-ref header div.label em {
			font-style: normal;
			text-decoration:line-through;}	
.box-info {
	background: #F49401;
	color: #FFF;
	padding:10px;}
	.box-info a {color: #FFF;text-decoration:none;}

.box-fiche-order select {
	border: 1px solid #CCC;
	font-family: pt-sans-narrow, 'Arial Narrow', sans-serif;
	font-size: 16px;
	font-weight: 400;
	height: 30px;
	line-height: 30px;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
	width: 175px;}
	
.box-fiche-order input {vertical-align: middle;}
.box-fiche-order input[type=number] {
	border: 1px solid #CCC;
	font-family: pt-sans-narrow, 'Arial Narrow', sans-serif;
	font-size: 20px;
	font-weight: 700;
	height: 30px;
	margin: 0 5px 0 0;
	padding: 0;
	text-align: center;
	width: 50px;}
.box-fiche-order input[type=submit] {
	background: #9C0 url(/img/com/btn-add-cart.png) left top no-repeat;
	border: none;
	cursor: pointer;
	height: 32px;
	padding: 0;
	text-indent: -99999px;
	width: 32px;}
	.box-fiche-order input[type=submit]:hover {background-color:#41A62B;}
.box-btn-add img {
	margin-left: 30px;
	vertical-align: middle;}
.btn-form {
	border: none;
	color: #FFF;
	cursor: pointer;
	font-family: pt-sans-narrow, 'Arial Narrow', sans-serif;
	font-size: 18px;
	font-weight: 700;
	overflow: visible;
	padding: 2px 10px;}
.btn-add-cart, .btn-green {background: #42A62A;}
	.btn-add-cart:hover, .btn-green:hover {background: #3B8E26;}
.btn-next {background:#F99700;}
.btn-next:hover {background: #EA5D0E;}
.btn-dark {background:#3E3D40;}
.btn-dark:hover {background: #111;}
.btn-grey {background:#999;}
.btn-grey:hover {background: #666;}
a.btn {
	border: none;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-family: pt-sans-narrow, 'Arial Narrow', sans-serif;
	font-size: 18px;
	font-weight: 700;
	overflow: visible;
	padding: 2px 10px;
	text-decoration: none;}
.label {margin: 0 0 10px 0;}
	.label span {
		color: #FFF;
		font-size: 18px;
		font-weight: 700;
		padding: 0 10px;
		text-transform: uppercase;}
	.new span {background: #F49401;}
	.promo span {background: #F49401;}
.box-fiche-order-qte {
	font-size: 20px;
	text-align: center;
	width: 65px;}
.box-fiche-order-prix {
	float: left;
	font-size: 20px;
	font-weight: 700;
	height: 32px;
    line-height: 32px;
	margin-right: 10px;}
.box-fiche-desc-2 {
	background: #F49401 url(/img/com/arrow-7.png) 265px center no-repeat;
	color: #FFF;
	padding: 2px 10px;
	width: 282px;}
/*FCK*/
.fck {width: 960px;}
.fck a {
	color: #42A62A;
	text-decoration: none;}
.fck a:link,
.fck a:visited {color: #42A62A;}
.fck a:focus,
.fck a:hover,
.fck a:active {color: #7D4854;}
.fck h1, .fck h2, .fck h3, .fck h4, .fck h5, .fck h6 {
	color:#42A62A;
	margin: 0 0 5px 0;}
.fck h1 {font-size: 24px;}
.fck h2 {font-size: 22px;}
.fck h3 {font-size: 20px;}
.fck h4 {font-size: 18px;}
.fck h5 {font-size: 16px;}
.fck h6 {color: #7D4854;font-size: 16px;}
.fck img {max-width: 960px;}
.fck p {margin: 0 0 10px 0;}
.fck table {border-collapse: collapse;}
.fck td, .fck th {border-bottom: 1px solid #CCC;padding: 5px 0;}
.fck td td, .fck th th {border-bottom: none;}
.fck td {vertical-align: middle;}
.fck th {
	text-align: left;
	text-transform: uppercase;
	vertical-align: top;
	width: 20%;}
.fck td p {
	margin: 0 0 10px 0;}
.fck table.cal-use {
	border-collapse: separate;
	margin-bottom: 10px;
	width: 50%;}
.fck .cal-use td {
	border: 1px solid #96C11F;
	text-align: center;
	width: 8%;}
.fck .cal-use .cal-ok {
	background: #96C11F;
	color: #FFF;}
.fck .cal-use .cal-po {
	background: #F60;
	border: 1px solid #F60;
	color: #FFF;}
/**/	
.box-asso {
	border: 1px solid #CCC;
	margin-bottom: 20px;}
	.box-asso h2 {
		margin: 0;
		}
	.box-asso h2 span {
		background: #1a6834;
		color: #FFF;
		padding: 0 10px;}
.box-art-asso {
	cursor: pointer;
	float: left;
	text-align: center;
	padding: 12px;
	width: 300px;}
	.box-art-asso a {
		color:#000;
		text-decoration: none;}
	.box-art-asso:hover a, .box-art-asso a:hover {color: #96C11F;}
	.box-art-asso h3 {
		height:52px;
		margin: 0 0 5px 0;
		min-height:52px;}
/**/
.sheet-header {margin-bottom: 10px;}
.sheet-header h1 {font-size: 24px;margin: 0 20px 0 0;}
.sheet-header h1, .sheet-header div {float: left;}
.sheet-header div {margin-top: 5px;}
/**/
.col-33 {width: 100%;}
.col-23 {
	float: left;
	padding: 0 6% 0 0;
	width: 60%;}
.col-13 {
	float: left;
	width: 33%;}

/*ACTU*/
.box-actu-list h1 a {text-decoration: none;}
.box-actu-list h1 a:link,
.box-actu-list h1 a:visited {color: #96C11F;}
.box-actu-list h1 a:focus,
.box-actu-list h1 a:hover,
.box-actu-list h1 a:active {color: #333;}
.box-actu-list {
	background: #FFF;
	box-shadow: #CCC 4px 4px 4px;
	/*box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);*/
	margin: 0 10px 10px 0;
	padding: 10px 0;}
.box-actu-list figure {
	float: left;
	margin: 0 20px 0 0;
	width: 150px;}
	.page-actu .box-actu-list figure {
	float: left;
	width: 308px;}
.box-actu-sum {
	float: left;
	width: 780px;}
	.page-actu .box-actu-sum {
	float: left;
	width: 630px;}
	.box-actu-sum h1 {margin: 0 0 5px 0;}
	.box-actu-sum p {margin: 0 0 10px 0;}
.btn-actu-next {
		background: #FFF url(/img/com/arrow-6.gif) left center no-repeat;
		bottom: 10px;
		font-size: 12px;
		left: 680px;
		padding: 0 0 0 10px;
		text-decoration: none;
		text-transform: uppercase;}
	.btn-actu-next:link,
	.btn-actu-next:visited {color: #96C11F;}
	.btn-actu-next:focus,
	.btn-actu-next:hover,
	.btn-actu-next:active {color: #333;}
.actu-date {
	color: #666;
	font-size: 14px;
	font-style: italic;}
.box-actu-lnk a {
	background: #96C11F;
	color: #FFF;
	padding: 5px 10px;
	text-decoration: none;}
.box-actu-lnk a:link,
.box-actu-lnk a:visited {background: #96C11F;}
.box-actu-lnk a:focus,
.box-actu-lnk a:hover,
.box-actu-lnk a:active {background: #C7D300;}
/*RECHERCHE*/
.box-search-list {
	box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	margin-bottom: 10px;
	padding: 10px 0;}
	.box-search-list:hover {background: #F6F6F6;}
.box-search-list figure {
	float: left;
	width: 165px;}
.box-search-list-desc {
	float: left;
	margin: 0 0 0 20px;
	width: 635px;}
	.box-search-list-desc h1 {
		font-size: 20px;
		margin: 0 0 5px 0;}
		.box-search-list-desc h1 a {
			color: #96C11F;
			text-decoration: none;}
	.box-search-list-desc p {
		margin: 0 0 10px 0;}
/*FAQ*/
.faq-list, .faq-answers {
    float: left;
}
.faq-list {
    border-right: 1px solid grey;
    padding-right: 20px;
    width: 130px;

}
.faq-list .selectTheme {
        list-style-type: none;
        margin-top: 0;
        padding-left: 0;
        text-align: right; 
    }
.faq-list .selectTheme a, .faq-list .selectTheme a:link, .faq-list .selectTheme a:visited {
            
            display: inline-block;
            padding: 5px 10px;
            text-decoration: none;
            
        }
        
        .faq-list .selectTheme a:hover, .faq-list .selectTheme a:active, .faq-list .selectTheme a:focus {
            
            background-color: #eee;
            
        }
        
        .faq-list .selectTheme .active a {
            background-color: #96C11F;
            color: #fff;
        }
.faq-answers {
    border-left: 1px solid grey;
    margin-left: -1px;
    padding-left: 20px;
    width: calc(100% - 215px);
}

	.faq-sum p {margin-top: 0;}
	.faq-sum h2 {
		color: #96C11F;
		margin: 0 0 10px 0;}
	.faq-sum form {margin: 0 0 15px 0;}
	.faq-sum select {width: 460px;}
.faq-no-reply {
    background-color: #eee;
    margin: 0 auto 20px;
    padding: 10px;
    text-align: center;
    width: 40%;
}
/* --- Accordion --- */
.js #acc .accordion {display:none;}

/*.js #side .accordion {display:none}*/
.accordion {margin:0; padding:0;}
.accordion h3 {margin:0; padding:0;}
.accordion h3 a {
	color: #7D4854;
	text-decoration: none;}
.accordion li {
	list-style-type:none;
	padding: 5px 0;}
.accordion div a {
	color: #42A62A;/*96C11F*/
	text-decoration: none;}
.accordion div a:link,
.accordion div a:visited {color: #42A62A;}
.accordion div a:focus,
.accordion div a:hover,
.accordion div a:active {color: #7D4854;}
.accordion div li {
	list-style-type: disc;
	padding: 5px 0;}
/* ICONS */
.icon {
	background-image: url(/img/com/sprite-32.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px;
	vertical-align: text-top;/*text-top*/
	width: 16px;}
.icon-12 {height: 12px;width: 12px;}
.icon-14 {height: 14px;width: 14px;}
.icon-card {height: 23px;width: 30px;}

.icon-accept-white {background-position: -228px 0;}
.icon-add {background-position: -244px 0;}
.icon-amex {background-position: -150px 0;}
.icon-arrow-left {background-position: -288px 0;}
.icon-cb {background-position: -60px 0;}
.icon-check {background-position: -90px 0;}
.icon-clock-white {background-position: -212px 0;}
.icon-lock {background-position: -196px 0;}
.icon-mastercard {background-position: 0 0;}
.icon-remove {background-position: -258px 0;}
.icon-rib {background-position: -120px 0;}
.icon-trash {background-position: -180px 0;}
.icon-visa {background-position: -30px 0;}

.icon-add, .icon-remove {background-color: #999999;}
/* ETAPES COMMANDE */
.nav-step-cmd {
	margin-bottom: 15px;
	text-align: center;}
.nav-step-cmd div {text-transform: uppercase;}
.nav-step-cmd a {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;}
.btn {
    display: inline-block;
    text-decoration: none;}
.btn-step span {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	padding-right: 10px;}
.btn-step {
	background: #3E3D40;/*#F97F00*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
	padding: 10px 15px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	vertical-align: middle;}
	.btn-step i {margin-left: 15px;}
	.btn-step.locked i {opacity:0.5;}
	.btn-step.accept {background: #96C11F;}/*#39F*/
.locked {
	background: #CCC;
	color: #666;}
	.btn-step.locked span {color: #666;}
.box-cart-inf {
	background: #E0D9D1;
	display: inline-block;
	margin: 0 0 20px 0; 
	padding: 20px;}
.box-left {float: left;}
.box-right {float: right;}
.box-cart-inf .box-left {
	border-right: 1px solid #FFFFFF;
	padding-right: 20px;}
.box-cart-inf .box-right {
	border-left: 1px solid #C1B3A3;
	padding: 0 20px;
	width: 280px;}
	
.box-cart-inf .box-right:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.cart-inf-content {
	display: inline-block;
	font-size: 16px;
	margin:0;
	vertical-align: middle;}
.box-cart-inf table {margin:0;}
.box-cart-inf td {vertical-align:middle;}
/*.box-user-address {
	background:#E0D9D1;
	margin-bottom: 20px;
	padding: 20px;}
	.box-user-address h2 {border-bottom: 1px solid #FFF;}*/
.box-accept-cgv {font-size: 16px;}
.box-payment-choose {margin-bottom: 20px;}
.box-payment-choose div {text-align: center;}
.box-payment-choose h2 {
	border-bottom: 1px solid #000;
	color: #F99700;}
.box-payment-choose label {cursor: pointer;font-size: 16px;}
.box-payment-choose input[type=radio] {cursor: pointer;}
.box-prod-promo .prod-promo {
    background: #F49401;
    border: 1px solid #F49401;
    color: #FFFFFF;
    display: inline-block;
	font-family: pt-sans-narrow, 'Arial Narrow', sans-serif;
	font-size: 14px;
	font-weight: 400;
    padding: 2px 4px;
    text-align: center;
	text-transform: uppercase;
    /*width: 30px;*/}
.box-content {padding:10px;}
.box-content h1, .box-content h2, .box-content h3 {margin-top:0;}
.box-order-ok {background: #E3E4E5;margin-bottom:30px;}
.box-order-ok h2 {color:#00501F;}
/**/
.user-bar {margin: 0 0 10px 0;}
.user-bar span {padding: 0 15px;}
/**/
.prefix_1 {padding-left: 82px;}
.prefix_2 {padding-left: 164px;}
.prefix_3 {padding-left: 246px;}
.grid_2 {width: 144px;}
.grid2 label {cursor:pointer;}
.grid_3 {width: 226px;}
.grid_4 {width: 308px;}
.grid_5 {width: 390px;}
.grid_6 {width: 462px;}
.grid_7 {width: 544px;}
.grid_8 {width: 626px;}
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    display: inline;
    float: left;
    margin-right: 10px;
    position: relative;}
/*PANIER*/
.shop-title {
	border-bottom: 1px solid #000;
	color:#F99700;}
.box-shop-msg p {
	color: #96C11F;
	font-size: 22px;
	font-weight: 700;
	text-align: center;}
/*.box-cart-item {
	float: left;
	width: 730px;}*/

.cart-item {
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	width: 100%;}
.cart-item th {
	background: #96C11F;/*85B629#88755E*/
	border-bottom: 2px solid #FFF;
	color: #FFF;
	font-family: pt-sans-narrow, 'Arial Narrow', sans-serif;
	font-size: 18px;
	font-weight: 700;
	padding: 12px;
	white-space: nowrap;}
.cart-item td {
	/*font-size: 12px;*/
	border-bottom: 2px solid #FFF;
	padding: 4px;
	vertical-align: middle;}
	.cart-item td.cart-item-mon {
		padding-right: 20px;
		text-align: right;}
/*.cart-item td.cart-item-sup {background: #F0F2F1;}*/
.cart-item .odd td {background: #EEE;}/*EAF7DF*/
/*.cart-item .odd td.cart-item-sup {background: #E0E2E1;}*/
th.cart-item-prod,
th.cart-item-ref,
th.cart-item-liv,
th.cart-item-pri,
th.cart-item-qte,
th.cart-item-mon {border-right: 2px solid #FFF;}
.cart-item-2 .cart-item-mon {border-right: none;}
.cart-item-ref {white-space: nowrap;}
.cart-item-pri,
.cart-item-mon {
	font-size: 14px;
	text-align: center;
	white-space: nowrap;}
.cart-item-nom,
.cart-item-ref,
.cart-item-liv,
.cart-item-pri,
.cart-item-mon {
	font-family: pt-sans-narrow, 'Arial Narrow', sans-serif;
	font-size: 18px;
	font-weight: 400;}
.cart-item-nom {width:380px;}
	.cart-item-nom a {color: #000; text-decoration:none;}
	.cart-item-nom a:hover {color: #7D4854;}
	.cart-item-nom p {font-size: 16px;margin: 0 0 5px 0;}
.cart-item-nom p.cart-item-nom-prod {
	font-size: 18px;
	font-weight: bold;}
.cart-item-pri span,
.cart-item-mon span {
	font-size: 22px;
	font-weight: bold;}
	.cart-item-pri p {margin: 0;}
.cart-item-mon {
	color: #006AB4;}
.cart-item-sup,
.cart-item-ref,
.cart-item-liv,
.cart-item-qte {text-align: center;}
.ecotax, .cart-item-pri-linethrough {color:#666; font-size: 14px;}
.cart-item-pri-linethrough span {font-size: 14px;text-decoration: line-through;}
.odd td {background: #CCC;}
.odd .quantite {background: #FFF;}
.quantite {
	background: #FFF;
	border: none;
	font-weight: bold;
	text-align: center;
	width: 30px;}
/**/
.order-total {
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	margin-top: 0;
	width: 410px;}
	.order-total td, 
	.order-total th {
		background: #EEE;/*E0F3CF*/
		border-bottom: 2px solid #FFF;
		font-family: pt-sans-narrow, 'Arial Narrow', sans-serif;
	font-size: 18px;
	font-weight: 400;
		padding: 4px;}
		.order-total .noborder th, .order-total .noborder td {border-color: #F0F2F1;}
	.order-total td {
		padding-right: 50px;
		text-align: right;}
		.order-total.order-total-2 td {padding-right: 20px;}
	.order-total th {
		font-weight: normal;
		text-align: left;}
	.order-total td {font-size: 16px;font-weight:400;}
	.order-total td span {font-size: 18px;font-weight:700;}
	.order-total-code input {vertical-align: middle;}
	.order-total-code input.code-action {
		border: 1px solid #FFF;
		height: 24px;}
	.order-total-code input.code-action-submit {
		border: none;
		cursor: pointer;
		font-size: 11px;
		height: 26px;
		padding: 0 4px;}
	.order-total-port th span {font-size: 14px;}
.order-total-ttc td,
.order-total-ttc th {
	background:#DDD;
	font-size: 22px;
	font-weight:700;
	text-transform: uppercase;}
.order-total-code input {
	background: #FFF;
	border: 1px solid #FFF;}
.nav-shop-footer {
	margin: 20px 0;
	text-align: center;}
/**/
.alert {
	margin: 10px 0;
	padding:10px;
	width: 953px;}
.alert-block {}
.alert-success {background: #CCE582;}
.alert-error {background: #ECA49F;}
.alert-help {background: #FF9;}
/* Formulaire de contact
----------------------------*/
.form {
color: #000;
margin: 0 auto;
padding: 0;
/*width: 95%;*/}
.form em {color: #F00;}
.form fieldset {
	border: none;
	border-top: 1px solid #999;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	/*width: 95%;*/
}
.form-account fieldset {border: none;}
.form label, .form div.label-replace {
	color: #000;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: 400;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 21%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
.form .labelSimple {margin: 0 0 0 32%;}
.form .labelSimple label {float: none;}
.form ul {list-style-type: none;}
.form ul.listInline {margin: 0 0 0 17%;}
.form ul.listInline li label {
    float: left;
    margin-left: 0;
    width: auto;}
.form legend {
	color: #96C11F;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}
.form .input-text {width: 70%;}
.form textarea {
margin: 0.2em;
width: 70%;}
.form p {
	clear: both; 
	margin: 5px 0;}
	.form p.info {
		font-size: 14px;
		margin: 15px 0;
		text-align: justify;}
#optin {width: auto !important;}
h2.tel a {color:#F39B11; text-decoration: none;}
/**/
.form-login label {width: 30%;}
.form-login .input-text {width: 55%;}
.form-login p.submit {
	margin-right: 10px;
	text-align: right;}
.box-login, .box-user-address {
    background: #F4F4F4;
    margin-bottom: 15px;
	padding: 0 0 10px 0;
}
.box-login h2, .box-user-address h2 {
	background: #3E3D40;
	color: #FFF;
	margin: 0 0 20px 0;
    padding: 0 10px;}
.box-user-address div {padding: 10px;}
.box-login p a {color:#09C;}
.box-user-address p {padding:0 15px;}
.box-accept-cgv {font-size: 20px;}
/* FANCYBOX */
.fancybox-msg h1 {
	border-bottom: 1px solid #EA5D0E;
	color: #EA5D0E;
	font-size: 22px;
	margin: 0 0 20px 0;}
.fancybox-msg p {font-size: 18px;}

.fancybox-form {width: 600px;}

.fancybox-lost-pwd {width: 400px;}
.fancybox-lost-pwd label {width: 25%;}
.fancybox-lost-pwd .form-login p.submit {margin: 15px 0; text-align: center;}

.fancybox-add-basket .box-left {width: 190px;}
.fancybox-add-basket .box-right {
	padding: 0 15px;
	width: 250px;}
	.fancybox-add-basket .box-right h2 {
		color: #000;
		font-size: 18px;
		margin: 0 0 5px 0;}
	.fancybox-add-basket .box-right p {margin: 0 0 5px 0;}
.fancybox-add-basket .nav-shop-footer {margin: 30px 0 0 0;}
.fancybox-add-basket .btn {font-size: 22px;}
.data-rib {
	border-collapse: collapse;
	width: 100%;}
.data-rib td, .data-rib th {
	border-bottom: 1px solid #CCC;
	padding: 10px;}
.data-rib th {
	background: #EEE;
	text-align: left;
	width: 30%;}
.box-msg {
	background: #FFC;
	font-size: 20px;
	margin: 20px auto;
	padding:10px;
	text-align: center;
	width: 50%;}
/**/
.bold {font-weight: bold;}
.center {text-align: center;}
.dn {display: none;}
.float-left {float: left;}
.float-right {float: right;}
.justify {text-align: justify;}
/*http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/*/
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;}
/** http://nicolasgallagher.com/micro-clearfix-hack/
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
.cp {cursor: pointer;}
.left {text-align: left;}
.right {text-align: right;}
.clear {
border: none;
clear: both;
display: block;
height: 0;
margin: 0;
padding: 0;
visibility: hidden;}
.mb20 {margin-bottom: 20px;}
.tel {color:#F39B11;}
.box-gam-col h3 {
	text-transform:uppercase;
}
.center-block {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
}

form label.required {
	font-weight:bold;
}
form label.required:after, span.required:after, div.required:after {
    color:#C3001B;
    content:'*';
    display:inline;
}
.helparea {
    position: fixed;
    bottom: 0;
    right: 110px;
    width: 270px;
    z-index: 300;
}

.helparea__title__title {
    padding-left: 10px;
    font-weight: 700;
}

.helparea__wrapper {
    position: absolute;
    display: block;
    width: 100%;
    transition: transform 300ms ease-out;  
}
.helparea__wrapper.helparea__wrapper--active {
        transform: translateY(-100%);
    }
.helparea__wrapper.helparea__wrapper--active .helparea__close, .helparea__wrapper.helparea__wrapper--active .helparea__content {
   display: block;
        }
.helparea__wrapper .helparea__title {
        position: absolute;
        top: -42px;
        width: 100%;
        cursor: pointer;
    }
.helparea__title {
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e2e4e4;
    border-color: #bec4c4;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.helparea__title .helparea__close {
        cursor: pointer;
        background: none;
        border: 0 none;
        outline: none;
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 40px;
        padding: 0;       
    }
.helparea__title .helparea__close::after {
            font-weight: bold;
            font-size: 32px;
            content: '\00d7';
        }
.helparea__content {
    display: none;
    padding: 27px 22px;
    background-color: white;
    border-right: 1px solid #e2e4e4;
    border-left: 1px solid #e2e4e4;
}

.helparea__button {
    min-width: 75%;
    margin: 15px auto 0;
    display: table;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    outline: 0;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-appearance: none;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    -webkit-transition: background-color .2s ease,color .2s ease,border-color .2s ease;
    transition: background-color .2s ease,color .2s ease,border-color .2s ease;
    height: 32px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    color: #2c3638;
    border-color: #bec4c4;
    background-color: #fff;
    background-image: none;
}