/*
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Montserrat', sans-serif;


#return-to-top {z-index:100;}
.nav_boutons {z-index: 1100;}
.collapse.navbar-collapse {z-index:100;}
.grille .gluten img {z-index:999;}
.grille .item .solde {z-index:999;}
.ficheproduit .gluten img {z-index:999;}
.modal {z-index:2000;}
.login {z-index:1500;}
.tooltip {z-index: 2000;}

Fuchia : #ca006c;
Bleu : #009ddc ;
Background barre : #f1eeeb;
Vert : #5cb85c

Sans gluten : #f7931e;
Valeurs : #8dc53e;
Allergènes : #ed2a7a;
Comparatif : #27aae0;

@media (min-width: 992px) and (max-width: 1200px)  {}
@media (min-width: 768px) and (max-width: 991px)  {}
@media (max-width: 767px) {}
@media (min-width: 451px) and (max-width: 767px)  {}
@media (max-width: 450px) {}

*/





/*******************************************************************************************************/
/*                                                                                                     */
/*      BASE                                                                                           */
/*                                                                                                     */
/*******************************************************************************************************/




a:hover,
a:active, 
a:focus {outline:none;}

*:focus {outline: none;}

body {font-family:Arial, Helvetica, sans-serif; padding:0;}

#return-to-top {
    position: fixed;
    bottom: 70px;
    right: 63px;
    background: rgb(0, 0, 0);
    background: rgba(200, 200, 200, 0.6);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:100;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:100;
}

.tooltip {z-index: 2000;}
.tooltip.in {filter: alpha(opacity=100); opacity: 1;}
.tooltip.bottom {padding: 11px 0 0 10px; margin-top: 6px;}
.tooltip.top {padding: 10px 0; margin-top: -3px;}
.tooltip-inner {max-width: 200px; padding: 10px 20px; color: #fff; text-align: center; text-decoration: none; background-color: #47a3da; border-radius: 5px;}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.bottom .tooltip-arrow {top:-3px; left: 50%; margin-left: 2px; border-width: 0 5px 5px; border-bottom-color: #fff;}
.tooltip.top .tooltip-arrow {bottom: 2px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000;}

.nav_boutons.eng .tooltip-inner {min-width:120px; padding: 10px 15px;}

.onglet {position:fixed; bottom:0; width:100%; background-color: transparent; z-index:1000; border-bottom:7px solid #e08804;}
.onglet .container {padding:0 30px;}
.onglet .points-proticlub {background-color:#e08804; text-align:center; padding:12px 0 6px 0; border-radius: 5px 5px 0 0; font-weight:bold;}
.onglet .points-proticlub a {color:#FFF;}
.onglet .points-proticlub a:hover {color:#FFF; text-decoration:none;}
#homepage .onglet {display: none;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.T10 {padding-top:10px;}
.T20 {padding-top:20px;}
.T30 {padding-top:30px;}
.T40 {padding-top:40px;}
.T60 {padding-top:60px;}
.B10 {padding-bottom:10px;}
.B20 {padding-bottom:20px;}
.B30 {padding-bottom:30px;}
.B40 {padding-bottom:40px;}
.B60 {padding-bottom:60px;}


@media print {
	.outil-gluten,
	.outil-valeurs,
	.outil-allergene,
	.outil-comparatif,
	.modal-content {display:none;}
}

@media (max-width: 767px) {
	#return-to-top {bottom: 85px; right: 25px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body {cursor:pointer;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	body {cursor:pointer;}
}

@media only screen and (max-device-width: 414px) and (max-device-height: 736px) {
	body {cursor:pointer;}
}

.btn-link {color: #fff; background-color: #009ddc; border-color: #009ddc;}
.btn-link:hover,
.btn-link:focus,
.btn-link.focus,
.btn-link:active,
.btn-link.active,
.open > .dropdown-toggle.btn-link {color: #fff; background-color: #266bbe; border-color: #266bbe; text-decoration:none;}

.btn-esthe-novo {
  padding: 15px 20px;
  font-size: 18px;
  line-height: 1.3333333;
  color:#FFF;
  border-radius: 6px;
  border: 2px solid #FFF;
  background-color: rgba(0,0,0,0.6);
}

.bouton-details {background-image: url(/assets/img/00_images/btn_details.png);}
.bouton-achat {background-image: url(/assets/img/00_images/btn_achat.png);}

.bouton-panier	{
	background:url(images/pre.png) repeat-x; height:40px;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	width:auto; 
	margin:0;
	text-align:center;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	font-size:12px; color:#555; font-family: 'Open Sans', sans-serif; line-height:12px;font-weight:700;text-shadow:0px 1px #fff;
	position:relative;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	padding:6px 15px;
	overflow: hidden;
	border: 1px solid #ccc;
	margin-top: 10px;
}
    
.bouton-panier:hover	{	
	background:url(images/prehover.png) repeat-x;
	box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
	border: 1px solid #999;
}

.btn-select {background-color: #e8e8e8; border-color: #bbb;}

.btn-fleche {
  	width: 60px;
  	height: 60px;
	background-color: #999;
	background-image:url(/assets/img/00_images/background-bouton.png); 
	background-position:55% 50%; 
  	border-radius: 30px;
	border: #fff 3px solid;
	cursor: default;
}

.btn-fleche:hover,
.btn-fleche:focus,
.btn-fleche.focus,
.btn-fleche:active,
.btn-fleche.active,
.open > .dropdown-toggle.btn-fleche {
	background-color: #999;
	background-image:url(/assets/img/00_images/background-bouton.png); 
	background-position:55% 50%; 
	border-color: #fff;
}

.btn-localisation {
  	width: 30px;
  	height: 30px;
  	border-radius: 15px;
	background-position:center; 
	background-repeat:no-repeat;
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
}

.btn-localisation:hover,
.btn-localisation:focus,
.btn-localisation.focus,
.btn-localisation:active,
.btn-localisation.active,
.open > .dropdown-toggle.btn-localisation {color: #fff; background-color: #333; border-color: #333;}

.btn-principal {color: #fff; background-color: #009ddc; border-radius: 5px;}
.btn-principal:focus,
.btn-principal.focus,
.btn-principal:active,
.btn-principal.active,
.open > .dropdown-toggle.btn-principal {color: #fff; background-color: #009ddc; border-radius: 5px;}
.btn-principal:hover {color: #fff; background-color: #666;}

.btn-principal-F {color: #fff; background-color: #ca006c; border-radius: 5px;}
.btn-principal-F:focus,
.btn-principal-F.focus,
.btn-principal-F:active,
.btn-principal-F.active,
.open > .dropdown-toggle.btn-principal-F {color: #fff; background-color: #ca006c; border-radius: 5px;}
.btn-principal-F:hover {color: #fff; background-color: #666;}

.btn-search {color: #fff; background-color: #444; border-color: #444; border-right:3px solid #000;}
.btn-search:focus,
.btn-search.focus,
.btn-search:active,
.btn-search.active,
.open > .dropdown-toggle.btn-search {color: #fff; background-color: #444;}
.btn-search:hover {color: #fff; background-color: #666;}

.btn-langue {color: #fff; background-color: #444; border-color: #444;}
.btn-langue:focus,
.btn-langue.focus,
.btn-langue:active,
.btn-langue.active,
.open > .dropdown-toggle.btn-langue {color: #fff; background-color: #444;}
.btn-langue:hover {color: #fff; background-color: #666;}

.btn-login-modal {color: #fff; background-color: #009ddc; border-radius: 5px; width:150px;}
.btn-login-modal:focus,
.btn-login-modal.focus,
.btn-login-modal:active,
.btn-login-modal.active,
.open > .dropdown-toggle.btn-login-modal {color: #fff; background-color: #009ddc; border-radius: 5px;}
.btn-login-modal:hover {color: #fff; background-color: #666;}

.btn-signup-modal {color: #fff; background-color: #ca006c; border-radius: 5px; width:150px;}
.btn-signup-modal:focus,
.btn-signup-modal.focus,
.btn-signup-modal:active,
.btn-signup-modal.active,
.open > .dropdown-toggle.btn-signup-modal {color: #fff; background-color: #009ddc; border-radius: 5px;}
.btn-signup-modal:hover {color: #fff; background-color: #666;}


.btn-secondaire {color: #fff; background-color: #ccc; border-color: #f1eeeb; border-radius: 5px;}
.btn-secondaire:hover,
.btn-secondaire:focus,
.btn-secondaire.focus,
.btn-secondaire:active,
.btn-secondaire.active,
.open > .dropdown-toggle.btn-secondaire {color: #fff; background-color: #666;}

.btn-acheter {
	color: #fff;
	background-color: #404040;
	border-radius: 10px;
	font-size: 14px;
	padding: 12px 35px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}

.btn-acheter:hover,
.btn-acheter:focus,
.btn-acheter.focus,
.btn-acheter:active,
.btn-acheter.active,
.open > .dropdown-toggle.btn-acheter {color: #fff; background-color: #333;}

.btn-liste {
  	width: 34px;
  	height: 34px;
  	border-radius: 18px;
	background-position:center; 
	background-repeat:no-repeat;
	color: #fff;
	background-color: #009ddc;
	border-color: #009ddc;
}

.btn-liste:hover,
.btn-liste:focus,
.btn-liste.focus,
.btn-liste:active,
.btn-liste.active,
.open > .dropdown-toggle.btn-liste {color: #fff; background-color: #333; border-color: #333;}





/*******************************************************************************************************/
/*                                                                                                     */
/*      MENU + ENTÊTE                                                                                  */
/*                                                                                                     */
/*******************************************************************************************************/


.incmenu {background-color:#000;}
.navbar {border: 0px; border-radius:0; margin-bottom:0; min-height:auto;}

.section_entete	{background-color:#000; height:80px; margin-bottom:0px;}
.section_entete	.logo {position:absolute; left:60px; top: 7px;}
.section_entete	.logo img {height:66px; width:auto;}

.sm-menu.container-fluid  {border-bottom: 4px solid #000; background-color:#333; height:45px;}
#homepage .sm-menu.container-fluid  {border-bottom: 4px solid #333; background-color:#333; height:45px;}

.sm-menu .nav { }
.sm-menu .nav > li > a {position: relative; display: block; padding: 13px 12px 11px 12px; color:#eee; font-size:15px; margin-bottom:1px;}
.sm-menu .nav > li > a:hover,
.sm-menu .nav > li > a:active,
.sm-menu .nav > li > a:focus {background-color: #009ddc; color:#fff; text-decoration: none;}
.sm-menu .nav .open > a,
.sm-menu .nav .open > a:hover,
.sm-menu .nav .open > a:focus {background-color: #009ddc;}

.sm-menu .nav li a.vedette {color: #FC0;}
.sm-menu .nav li a.vedette:hover,
.sm-menu .nav li a.vedette:active,
.sm-menu .nav li a.vedette:focus {color:#eee;}

.sm-menu .descriptif {font-size:14px; letter-spacing:0.05em; font-weight:bold; text-align:right; padding-top:12px;}

.dropdown-menu {background-color: #f3f3f3;}
.dropdown-menu > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #111; white-space: nowrap;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {color: #111; text-decoration: none; background-color: #009ddc;}

.nav_boutons {position: absolute; top: 110px; float: right; right: 5px; list-style: none; z-index: 1100;}
.nav_boutons > li {float: left; position: relative; display: block;}
.nav_boutons > li > a {position: relative; display: block; padding: 0px 0px 0px 12px; line-height: 20px;}
.nav_boutons > li > a:hover,
.nav_boutons > li > a:focus {background-color: none; text-decoration: none;}

.login {position: absolute;	top: 27px; right: 10px; z-index:1500;}

.login .btn {padding: 3px 12px; margin-left:7px;}
.login .btn-login {color: #fff; background-color: #444; border-color: #444;}
.login .btn-login:hover,
.login .btn-login:focus,
.login .btn-login:active {color: #fff; background-color: #009ddc; border-color: #009ddc;}

.login .dropdown-toggle {height:30px; border-left:#000 2px solid;}
.login .dropdown-toggle:hover,
.login .dropdown-toggle:focus,
.login .dropdown-toggle:active {color: #fff; background-color: #888; border-color: #888; border-left:#000 2px solid;}

.login .btn-compte {width:140px; height:30px; text-align:center; margin-right:1px;}
.login .btn-compte .glyphicon {margin-right:5px;}
.login .btn-panier {width:160px; height:30px; text-align:center;}
.login .btn-panier .glyphicon {margin-right:8px;}
.login .btn-group.extra { margin-left:5px;}


@media (min-width: 992px) and (max-width: 1199px) {
	.section_entete	.logo {left:45px;}
	.section_entete	.descriptif {right:25px;}
	.nav_boutons {right: 25px;}
	.login {right: 25px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.section_entete	.logo {left:0px;}
	.nav_boutons {right: 25px;}
	.login {right: 25px;}
	.sm-menu .descriptif {font-size:13px; line-height:15px; padding-top:8px;}
}

@media (max-width: 767px) {
	body {background: none;}
	.bande-top {background-color:#000; z-index:333333; border-bottom: 1px solid #fff;}
	.bande-top .logo {padding:10px 0 10px 20px;}
	.bande-top .logo img {width:150px; height:auto;}
	.bande-top .boite {text-align:right; padding-top:20px;}
	.bande-top .boite .descriptif {font-size:11px; color: #fff; letter-spacing:0.03em; padding:5px 10px 5px 0; text-align:right; border-right:#888 1px solid;}
	.bande-top .boite .langue {text-align:left; padding:10px 0 0 10px;}
	.bande-top .boite .langue a {font-size:14px; font-weight:bold; color: #009ddc; text-decoration:none;}
	.bande-top .boite .langue a:hover {color: #009ddc; text-decoration:none;}

	.navbar-default {background-color: transparent; border-color: transparent;}
	.navbar-collapse {margin: auto; border:none;}
	.collapse.navbar-collapse {max-height:1000px; z-index:100;}

	.navbar-header {padding:35px 0 0 40px; text-align:center;}
	.navbar-header .hamburger {text-align:center; margin:auto; padding:0px;}
	.navbar-header .navbar-toggle {padding: 0px; background-color: transparent; border: none; border-radius: 0; float:none; margin:auto; z-index:1000;}
	.navbar-header .navbar-toggle:hover, .navbar-header .navbar-toggle:focus {background-color: transparent;}
	.navbar-header .navbar-toggle .icon-bar {width:35px; padding:2px; margin:5px auto; background-color: #fff;}

	.menu {margin: 0 0 10px 0; padding:0; width:auto; min-height:inherit; position: inherit;}
	.menu #accordion {margin: 0; padding: 0; }
/*
	.menu #accordion dt {padding: 10px 5px; cursor: pointer; color: #009ddc; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight: 600; border-top:#ccc solid 1px;}
	.menu #accordion dt a {color: #009ddc; text-decoration:none;}
	.menu #accordion dt.points-proticlub {}
	.menu #accordion dt.points-proticlub a {color: #ca006c; text-transform:uppercase;}
	
	.menu #accordion dd {padding:1px 0 30px 25px; background-color:inherit;}
	.menu #accordion dd ul { }
	.menu #accordion dd ul li {font-size:14px; font-family: 'Montserrat', sans-serif; line-height:25px; padding:5px 0; margin-left: 0px; font-weight:bold; letter-spacing: 1px;}
	.menu #accordion dd ul li a {cursor: pointer; color: #ccc; text-decoration:none;}
	.menu #accordion dd ul li a:hover {text-decoration:none; color: #eee;}
	.menu #accordion dd .disabled {padding:0; margin:0; line-height:0px;}
	.menu #accordion dd .disabled a {visibility:hidden;}
	
	.menu #accordion .connect-OFF {padding: 30px 5px 10px 5px; cursor: pointer;}
	.menu #accordion .connect-OFF a {cursor: pointer; color:#ca006c; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
	.menu #accordion .connect-OFF a:hover {text-decoration:none;}
	.menu #accordion .connect-ON {padding: 30px 5px 10px 5px; cursor: pointer; border-top:none;}
	.menu #accordion .connect-ON a {cursor: pointer; color:#ca006c; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
	.menu #accordion .connect-ON a:hover {text-decoration:none;}
	.menu #accordion .connect-ON .glyphicon-plus-sign {color:#ca006c;}
*/
	.nav-xs {position:fixed; width:100%; background-color: #000; bottom:0; z-index:4000; text-align:center; padding:15px 0 10px 0; border-top:1px solid #FFF;}
	.nav-xs .btn-tap ul.menu {list-style: none; text-align:center; margin:auto; padding:0;}
	.nav-xs .btn-tap ul.menu li {display:inline-block; width:20%; margin:0 5px 0 5px; cursor:pointer;}
	.nav-xs .btn-tap ul.menu li a .glyphicon {color: #009ddc; font-size:23px; padding-bottom:5px;}
	.nav-xs .btn-tap ul.menu li a {color:#FFF; text-decoration: none; font-size:10px;}
	.nav-xs .btn-tap ul.menu li .nav-xs-menu {color:#FFF; text-decoration: none; font-size:10px;}




	.nav-xs .popover {background-color:#fff; text-decoration: none;}
	.nav-xs .popover.top {margin-top: -20px;}
	.nav-xs .popover-title {padding: 10px 10px; margin:auto; text-align:center; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0;}
	.nav-xs .btn-tap ul.list-popover {list-style: none; text-align:center; margin:auto; padding:0;}
	.nav-xs .btn-tap ul.list-popover li {display:inline-block; width:100%; margin:10px 0;}
	.nav-xs .btn-tap ul.list-popover li a {color:#009ddc; text-decoration: none; font-size:14px; font-weight:bold;}
}

@media (max-width: 330px) {
	.bande-top .slogan {line-height:21px; padding:30px 5px 10px 5px; font-size:15px; letter-spacing:0.01em;}
}



@media (max-width: 767px) {


	/*********************************************************************************/
	/*   Sidebar (menu)                                                              */
	/*********************************************************************************/

/*
	#menu-sidebar span:nth-child(1) {top: 0px;}
	#menu-sidebar span:nth-child(2),#menu-sidebar span:nth-child(3) {top: 12px;}
	#menu-sidebar span:nth-child(4) {top: 24px;}
	#menu-sidebar.open span:nth-child(1) {top: 12px; width: 0%; left: 50%;}
	
	#menu-sidebar.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			 -o-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	
	#menu-sidebar.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
			 -o-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}
	
	#menu-sidebar.open span:nth-child(4) {top: 12px; width: 0%; left: 50%;}
*/

	#menu-sidebar {
		width: 35px;
		height: 30px;
		margin:0 auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		z-index:3000000;
		background-color: transparent;
	}
	
	#menu-sidebar span {
		width: 35px;
		height: 3px;
		margin:5px auto;
		display: block;
		background: #009ddc;
		border-radius: 3px;
		opacity: 1;
		left: 0;
		cursor: pointer;
		/*position:fixed;*/
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out; 
	}




	/*********************************************************************************/
	/*   Sidebar (modal)                                                             */
	/*********************************************************************************/

	#sidebar .modal-content {background-color:#000; xborder-left:1px solid #888;}
	#sidebar .modal-body {background-color:#000; text-align:left;}
	
	#sidebar.left .modal-dialog,
	#sidebar.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 300px;
		height:calc(100% - 70px);
		-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		-o-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
	
	#sidebar.left .modal-content,
	#sidebar.right .modal-content {height: 100%; overflow-y: auto; border-radius: 0px;}
	
	#sidebar.left .modal-body,
	#sidebar.right .modal-body {padding: 15px 5px 15px 0px;}
	
	#sidebar.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		-o-transition: opacity 0.3s linear, right 0.3s ease-out;
		transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	#sidebar.right.fade.in .modal-dialog {right:0;}

	#sidebar .modal-body {background-color: #000; height:100%; margin:auto;}

	#sidebar #accordion dt {padding: 10px 15px; cursor: pointer; color: #009ddc; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight: 600; border-top:#ccc solid 1px;}
	#sidebar #accordion dt a {color: #009ddc; text-decoration:none;}
	#sidebar #accordion dt.points-proticlub {}
	#sidebar #accordion dt.points-proticlub a {color: #ca006c; text-transform:uppercase;}
	#sidebar #accordion dt.section-produits {color: #FC0;}
	
	#sidebar #accordion dd {padding:1px 0 30px 0px; background-color:inherit;}
	#sidebar #accordion dd ul { }
	#sidebar #accordion dd ul li {font-size:14px; font-family: 'Montserrat', sans-serif; line-height:25px; padding:5px 0; margin-left: 0px; font-weight:bold; letter-spacing: 1px;}
	#sidebar #accordion dd ul li a {cursor: pointer; color: #eee; text-decoration:none;}
	#sidebar #accordion dd ul li a:hover {text-decoration:none; color: #eee;}
	#sidebar #accordion dd .disabled {padding:0; margin:0; line-height:0px;}
	#sidebar #accordion dd .disabled a {visibility:hidden;}

	#sidebar #accordion .solo {padding: 10px 15px; cursor: pointer; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight: 600; border-top:#ccc solid 1px;}
	#sidebar #accordion .solo a {color: #FC0;}
	#sidebar #accordion .solo a:hover {text-decoration:none;}
	
	#sidebar #accordion .connect-OFF {padding: 30px 5px 10px 15px; cursor: pointer;}
	#sidebar #accordion .connect-OFF a {cursor: pointer; color:#ca006c; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
	#sidebar #accordion .connect-OFF a:hover {text-decoration:none;}
	#sidebar #accordion .connect-ON {padding: 30px 5px 10px 15px; cursor: pointer; border-top:none;}
	#sidebar #accordion .connect-ON a {cursor: pointer; color:#ca006c; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
	#sidebar #accordion .connect-ON a:hover {text-decoration:none;}
	#sidebar #accordion .connect-ON .glyphicon-plus-sign {color:#ca006c;}
}




/*******************************************************************************************************/
/*                                                                                                     */
/*      ACCUEIL                                                                                        */
/*                                                                                                     */
/*******************************************************************************************************/


#homepage .section_bandeau {background-color: #000;}
#homepage .section_bandeau .icones {text-align:center; padding:40px 0 30px 0; color: #fff;}
#homepage .section_bandeau .icones img {width: 175px;}
#homepage .section_bandeau .icones h2 {text-align:center; color: #fff; font-size: 24px; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 0.025em;}
#homepage .section_bandeau .icones .points h2 {color:#bb0200;}
#homepage .section_bandeau .icones .soldes h2 {color:#27aadf;}
#homepage .section_bandeau .icones .cueillette h2 {color:#f19125;}
#homepage .section_bandeau .icones .offre {text-align:center; padding: 0 50px 20px 50px; font-size: 16px;}
#homepage .section_bandeau .icones .btn {border: none;}
#homepage .section_bandeau .icones .points .btn {background-color:#bb0200;}
#homepage .section_bandeau .icones .soldes .btn {background-color:#27aadf;}
#homepage .section_bandeau .icones .cueillette .btn {background-color:#f19125;}
#homepage .section_bandeau .icones a.btn {color: #fff; xfont-weight: bold;}
#homepage .section_bandeau .icones a:hover.btn {background-color:#555;}

#homepage .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 1px 10px;
    border: 1px solid #bbb;
    border-radius: 10px;
}

#homepage .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0px 10px;
	background-color: #bbb;
}

#homepage .tagline {text-align:center; font-family: 'Open Sans Condensed', sans-serif; font-size:60px; line-height: 40px; color:#999; padding:15px 0 0px 0;}
#homepage .tagline .mincir {color:#009ddc;}
#homepage .tagline .saveur {color:#ca006c;}

#homepage .ruban {text-align: center; padding:10px 0 20px 0;}
#homepage .ruban h2 {border-bottom:1px solid #ca006c; margin:40px 0 0 0px; padding-bottom:10px; padding-left:20px; text-align:center;}
#homepage .ruban h2 a {color: #009ddc; font-size:28px; font-weight:normal; font-family: 'Open Sans Condensed', sans-serif;}
#homepage .ruban h2 a:hover {color: #009ddc; text-decoration:none;}
#homepage .ruban h2 a .fa {color: #ca006c; font-size:22px; padding-left:5px;}

#homepage .ruban .main-carousel {margin-bottom:0px;}
#homepage .ruban .carousel-cell .info {text-align:center; display: table-cell; vertical-align: middle;}
#homepage .ruban .carousel-cell .info h3 {margin:0 auto; padding:0px 10px 0px 10px;}
#homepage .ruban .carousel-cell a,
#homepage .ruban .carousel-cell a:hover {text-decoration:none;}

#homepage .ruban.promo {padding:30px 0px 10px 0px;}
#homepage .ruban.promo .carousel-cell {margin:15px 10px 15px 10px;}
#homepage .ruban.promo .carousel-cell .image {margin-bottom: 8px;} 
#homepage .ruban.promo .carousel-cell .image img {border:#999 solid 1px;  border-radius: 8px 8px 8px 8px;}
#homepage .ruban.promo .carousel-cell .info {background-color:#f2f2f2; background-color:#009ddc; border-radius: 5px; height:45px;}
#homepage .ruban.promo .carousel-cell .info h3 {color:#009ddc; color: #fff; font-size:13px; font-weight: bold;}
#homepage .ruban.promo .carousel-cell .image img {width:275px;} 
#homepage .ruban.promo .carousel-cell .info {width:275px;}

#homepage .ruban.produits {padding:10px 0px 100px 0px;}
#homepage .ruban.produits .carousel-cell {margin:15px 10px 15px 10px;}
#homepage .ruban.produits .carousel-cell .image {margin-bottom: 8px;} 
#homepage .ruban.produits .carousel-cell .image img {border:#999 solid 1px;  border-radius: 8px 8px 8px 8px;}
#homepage .ruban.produits .carousel-cell .info {background-color:#f2f2f2;  border-radius: 5px; height:40px;}
#homepage .ruban.produits .carousel-cell .info h3 {color:#111; font-size: 12px; line-height: 16px;}
#homepage .ruban.produits .carousel-cell .image, 
#homepage .ruban.produits .carousel-cell .image img, 
#homepage .ruban.produits .carousel-cell .info {width:200px;}

#homepage .collapsing {-webkit-transition-duration: .9s; -o-transition-duration: .9s; transition-duration: .9s;}

#homepage h2.titre {text-align:center; font-family: 'Open Sans Condensed', sans-serif; font-size:58px; line-height:60px; color:#999; margin:20px 0 20px 0;}


@media (min-width: 992px) and (max-width: 1200px) {
	#homepage .section_bandeau .icones .offre {padding: 0 20px 20px 20px; font-size: 16px;}
	#homepage .tagline {font-size:54px;}
}


@media (min-width: 768px) and (max-width: 991px)  {
	#homepage .section_bandeau .icones img { width: 175px;}
	#homepage .section_bandeau .icones h2 {font-size: 23px; letter-spacing: 0.015em;}
	#homepage .section_bandeau .icones .offre {padding: 0 20px 20px 20px; font-size: 16px;}
	#homepage .tagline {text-align:center; font-size:48px; line-height:48px; padding:0px 0 20px 0;}
}

@media (max-width: 767px) {
	#homepage {padding-top:0px; padding-bottom:0px;}
	#homepage .section_bandeau {visibility: hidden; display: none;}
	
	#homepage .carousel {background-color: #000; }	
	#homepage .carousel .carousel-inner {}		
	#homepage .carousel .carousel-inner .item {height: 500px; padding-top: 30px;}	
	#homepage .carousel .carousel-inner .item img {position: relative; left: 50%; margin-left:-125px; width: 250px;}	
	#homepage .carousel .carousel-inner .item h2 {text-align:center; color: #fff; font-size: 24px; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 0.025em;}
	#homepage .carousel .carousel-inner .item.points h2 {color:#b81f24;}
	#homepage .carousel .carousel-inner .item.soldes h2 {color:#27aadf;}
	#homepage .carousel .carousel-inner .item.cueillette h2 {color:#f19125;}
	#homepage .carousel .carousel-inner .item .offre {text-align:center; font-size: 16px;}
	#homepage .carousel .carousel-inner .item .CTA {padding: 20px 0;}
	#homepage .carousel .carousel-inner .item .btn {border: none;}
	#homepage .carousel .carousel-inner .item.points .btn {background-color:#b81f24;}
	#homepage .carousel .carousel-inner .item.soldes .btn {background-color:#27aadf;}
	#homepage .carousel .carousel-inner .item.cueillette .btn {background-color:#f19125;}
	#homepage .carousel .carousel-inner .item a.btn {color: #fff; xfont-weight: bold;}
	#homepage .carousel .carousel-inner .item a:hover.btn {background-color:#555;}
	
	#homepage .tagline {text-align:center; font-size:48px; line-height:48px; padding:0px 0 20px 0;}

	#homepage .zone1 {margin-top:7px; padding-top:0px;}
	#homepage .ruban h2 {text-align:center; padding-left:0px;}
	#homepage .ruban .carousel-cell {margin:15px 10px 0px 10px;}
	#homepage .ruban .carousel-cell .info h3 {font-size: 12px; line-height: 14px; padding:0px 5px 0px 5px;}
	#homepage .ruban .carousel-cell .resume {padding:5px 0 5px 0;}
	#homepage .ruban .carousel-cell .image, 
	#homepage .ruban .carousel-cell .image img, 
	#homepage .ruban .carousel-cell .info {width:125px;}
}


.section_slideshow {background-color:#fff; padding: 50px 0 20px 0; min-height:675px;}
.section_outils	{background-color: #1a1a1a; padding: 20px 0 40px 0; border-bottom: 5px solid #fff;}
.section_centre	{border-bottom:3px solid #333; background-image:url(/assets/img/00_images/background_centre.jpg); background-size:cover; background-attachment:fixed; padding: 250px 0;}
.section_marques {background-color: #fff; text-align: center; margin: 20px 0 60px 0;}
.section_presentation {border-top:3px solid #333; background-image:url(/assets/img/00_images/background_esthe-novo.jpg); background-size:cover; background-attachment:fixed;}
.section_esthe-novo	{padding: 250px 0 160px 0;}
.section_proticlub {text-align: center; background-image:url(/assets/img/00_images/background-grade.png); background-position: center top; background-repeat:repeat-x; padding:130px 0px 50px 0px;}

.tag {text-align:center; font-family: 'Open Sans Condensed', sans-serif; font-size:58px; line-height:60px; color:#999; margin:20px 0 20px 0;}
.tag .mincir {color:#009ddc;}
.tag .saveur {color:#ca006c;}

#homepage .section_outils .outils {text-align: center; padding: 30px 10px 0px 10px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight:600;}
#homepage .section_outils .outils img {width: 175px;}
#homepage .section_outils .outils h2 {text-align:center; color: #fff; font-size: 19px; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 0.025em;}

.section_centre .cadre,
.section_esthe-novo .cadre {border: 3px solid #fff; background-color: rgba(0,0,0,0.6); color:#FFF; padding: 40px 25px; display: inline-block; text-align:center;}
.section_centre .cadre .phrase,
.section_esthe-novo .cadre .phrase {font-size:30px; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
.section_centre .symbole,
.section_esthe-novo .symbole {text-align:center; margin-top:-32px;}
.section_centre .symbole .glyphicon,
.section_esthe-novo .symbole .glyphicon {font-size:28px; line-height:0; padding-top:19px;}
.section_centre .symbole a,
.section_esthe-novo .symbole a {color:#FFF;}
.section_centre .symbole a:hover,
.section_esthe-novo .symbole a:hover {color: #000;}

.section_marques table tr td {text-align: center; padding:5px;}
.section_marques table tr td img {width: 100%; max-width:175px; height: auto;}

.section_proticlub .tag {text-align:center; font-family: 'Open Sans Condensed', sans-serif; font-size:58px; line-height:60px; color:#ca006c; margin:10px 0 30px 0;}
.section_proticlub .phrase {font-size:19px; line-height:33px; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#777; padding:0 75px;}

.nav_esthe-novo {margin: 30px 0 0 0; text-align:center;}
.nav_social {margin: 65px 0px; text-align:center;}


@media (max-width: 767px) {
	.section_outils	{background-color: #1c1c1c; padding: 0px 0 20px 0;}
	.outils	{text-align: center; padding: 15px 0;}
	.section_centre	{padding: 100px 0; min-height: 250px; background-size:cover; background-position:0px 0px; background-attachment:inherit;}
	.section_centre .points	{font-size:21px;}
	.section_esthe-novo {padding: 120px 0 30px 0; min-height: 250px;}
	.section_esthe-novo .points	{font-size:21px;}
	.section_centre .cadre,
	.section_esthe-novo .cadre {padding: 20px 15px 50px 15px;}
	.section_centre .cadre .phrase,
	.section_esthe-novo .cadre .phrase {font-size:21px;}
	.section_proticlub .phrase {font-size:17px; line-height:28px; padding:0 0px;}
	.section_marques {margin: 20px 0 20px 0;}
	.section_marques .marque {margin-bottom:40px;}
	.section_marques .marque img {width: 100%; max-width:150px;}
	.tag {font-size:48px; line-height:50px; margin:20px 0 40px 0;}
	#homepage h2.titre {font-size:44px; line-height:44px; margin:20px 0 30px 0;}
	#homepage .section_outils .outils {padding: 30px 10px 0px 10px;}
	#homepage .section_outils .outils img {width: 175px; max-width: 100%;}
	#homepage .section_outils .outils h2 {font-size: 17px; letter-spacing: 0.045em;}
}

@media (min-width: 451px) and (max-width: 767px)  {
	.section_presentation {background-position:-100px -100px; background-attachment:inherit; background-size:240%; background-repeat:no-repeat;}
	.social_twitter,
	.social_facebook,
	.social_share,
	.social_youtube {margin:0 17px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.section_centre	{padding: 200px 0; min-height: 450px; background-size:cover; background-position:0px 0px; background-attachment:inherit;}
	.section_esthe-novo	{padding: 160px 0 60px 0;}
	.section_presentation {padding: 0; background-size:cover; background-position:0px 0px; background-attachment:inherit;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.section_centre	{padding: 200px 0; min-height: 450px; background-size:cover; background-position:0px 0px; background-attachment:inherit;}
	.section_esthe-novo	{padding: 160px 0 60px 0;}
	.section_presentation {padding: 0; background-size:cover; background-position:-100px 0px; background-attachment:inherit; }
}

@media (max-width: 450px)  {
	.section_presentation {background-position:-100px -50px; background-attachment:inherit; background-size:280%; background-repeat:no-repeat;}
	.social_twitter,
	.social_facebook,
	.social_share,
	.social_youtube {margin:35px;}
}






/*******************************************************************************************************/
/*                                                                                                     */
/*      GRILLES                                                                                        */
/*                                                                                                     */
/*******************************************************************************************************/


#nombretotal {font-size:18px; text-align:center; margin:20px 0 70px 0; font-weight:bold; color:#ca006c; letter-spacing:0.05em;}

.tri .btn {font-size:14px; padding:6px 12px;}

.soustitre-grille {font-size:19px; color:#ca006c; text-transform:uppercase; font-weight:bold; letter-spacing:0.05em; margin: 0 0 10px 0;}
.soustitre-grille .paranthese {font-size:24px; color:#009ddc;}

.grille	{text-align: center; padding:0 30px 0 0; background-color:#fff; margin-top:50px;}
.grille div {text-align: center;}
.grille .item img {width:255px; height:auto; border: #777 solid 1px; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);}
.grille li {padding: 5px 45px; color: #666; font-size:13px; font-weight:600; display: inline-block; vertical-align:top; list-style:none;}
.grille .gluten img {position: absolute; top:-30px; left:-20px; width:75px; height: auto; border: 0; box-shadow: none; z-index:999;}

.grille .item {position: relative; background: #f2f2f2; padding: 5px 0 30px 0; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; margin-bottom: 75px; text-align: center;}
.grille .item .categorie {font-size: 21px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; margin: 10px 0 10px 0; color:#888;}
.grille .item .nom {font-size: 19px; line-height: 22px; font-weight: 500; width:275px; height: 70px; display: table-cell; vertical-align: middle; padding: 15px 15px 10px 15px;}
.grille .item .nom a {color: #009ddc}
.grille .item .description {font-size:13px; margin: 0px 0 10px 0; color:#777;}

.grille .item .prix {font-size: 26px; font-weight: bold; letter-spacing:0.02em; margin: 25px 0 15px 0; padding:2px 10px; color:#009ddc; font-family: Arial, Helvetica, sans-serif;}
.grille .item .prixsolde {font-size: 24px; color: #c3c3c3; font-weight: normal; text-decoration:line-through; letter-spacing:0;}
.grille .item .solde {position:absolute; top: 213px; left: 215px; width:111px; height: 122px; background-image:url(/assets/img/00_images/solde.png); background-position: center; background-repeat:no-repeat; color:#FFF; font-size: 21px; font-weight: 700; text-align:center; padding: 39px 4px 0 0; z-index:999;}
.grille .item .promo {position:absolute; top: 213px; left: 215px; width:111px; height: 122px; background-image:url(/assets/img/00_images/promo.png); background-position: center; background-repeat:no-repeat; color:#FFF; font-size: 21px; font-weight: 700; text-align:center; padding: 39px 4px 0 0; z-index:999;}

.grille .item .achat {margin-top:25px; text-align:center; color:#C00; height:30px;}
.grille .item .achat select {width:60px; height:34px; font-size:13px; margin-right:5px; display:inline-block;}
.grille .item .achat .btn-ajout {height:34px; font-size:14px; padding:16px 13px; line-height:0; color: #fff; background-color: #009ddc; border-radius: 5px; margin-left:5px; display:inline-block;}
.grille .item .achat .btn-ajout:focus,
.grille .item .achat .btn-ajout:active {color: #fff; background-color: #009ddc; border-radius: 5px;}
.grille .item .achat .btn-ajout:hover {color: #fff; background-color: #666;}

/*
.filtre .nav {padding-left: 0; margin-bottom: 0; list-style: none;}
.filtre .nav > li {position: relative; display: block;}
.filtre .nav > li > a {position: relative; display: block; font-weight:700; padding: 20px 15px;}
.filtre .nav > li .selection {color: #ca006c;}
.filtre .nav > li > a:hover,
.filtre .nav > li > a:focus {text-decoration: none;	background-color: #eee;}
*/



@media (min-width: 992px) and (max-width: 1200px)  {
	.tri .btn {font-size:13px; padding:6px 10px;}
	.grille li {padding: 5px 35px;}
	.grille img {width:240px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	.tri .btn {font-size:11px; padding:4px 6px;}
	.grille li {padding: 5px 20px;}
	.grille img {width:190px;}
}

@media (max-width: 767px) {
	.grille	{margin-top:40px;}
	.titre-grille {border-bottom: none; border-top: none; margin:5px 0;}
	.filtre {visibility:visible;}
	.filtre .navbar-toggle {float: none; padding: 9px 10px; margin-top:0px; margin-bottom: 8px; background-color: #009ddc; border-radius: 4px;}
	.filtre .navbar-header {padding: 5px 0px 10px 0px;}
	.filtre .navbar-header a {font-size:12px; font-weight:bold; color:#ca006c; cursor:pointer; text-decoration:none;}
	.filtre .navbar-header a .fa {font-size:24px; color:#ca006c; cursor:pointer;}
	.filtre .navbar-toggle:focus {outline: 0;}
	.filtre .navbar-toggle:hover {background-color: #999;}
	.filtre .navbar-collapse {padding-right: 0px; padding-left: 0px;  border-bottom:thin solid #999}
	.filtre .navbar-collapse li {border-top:thin solid #999}
	.filtre .nav > li > a {padding: 10px 0px;}
	.filtre .selection {height:25px; font-size:15px; font-weight:bold; color:#009ddc; text-transform:uppercase;}
}

@media (min-width: 451px) and (max-width: 767px)  {
	.titre-grille {font-size:32px;}
	.grille	{text-align: center;}
	.grille li {padding: 15px 12px;}
	.grille img {width:275px;}
	.grille .item .nom {font-size: 18px; line-height: 22px; font-weight: 500;}
	.grille .item .details {left:120px;}
	.grille .item .achat {right:44px;}
}

@media (max-width: 450px) {
	.titre-grille {font-size:27px; }
	.grille	{text-align: center;}
	.grille li {padding: 15px 0px;}
	.grille img {width:275px;}
	.grille .item .nom {margin:15px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      FICHE PRODUIT                                                                                  */
/*                                                                                                     */
/*******************************************************************************************************/


.ficheproduit .section-image {text-align:center; padding:0 0 0 15px;}
.ficheproduit .section-pastilles {text-align: center; padding:0;}
.ficheproduit .section-description {text-align:left; padding: 30px 0 0 30px; border-left: solid 1px #009ddc; height: 375px; font-size:17px; line-height: 26px;}

.ficheproduit .section-image img {width: 100%; height: auto; background-color:#444; border:10px solid #ececec; padding:1px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.ficheproduit .section-image .agrandir {font-size:12px; text-align:center; margin-top:10px; color:#aaa;}
.ficheproduit .section-image .solde {position:absolute; top: 62px; left: 330px; width:111px; height: 122px; background-image:url(/assets/img/00_images/solde.png); background-position: center; background-repeat:no-repeat; color:#FFF; font-size: 21px; font-weight: 700; text-align:center; padding: 40px 4px 0 0; z-index:999;}
.ficheproduit .section-image .promo {position:absolute; top: 62px; left: 330px; width:111px; height: 122px; background-image:url(/assets/img/00_images/promo.png); background-position: center; background-repeat:no-repeat; color:#FFF; font-size: 21px; font-weight: 700; text-align:center; padding: 40px 4px 0 0; z-index:999;}

.ficheproduit .section-pastilles .pastille {margin: 35px 20px 30px 20px; color: #fff; background-color: #009ddc; border-color: transparent; font-size: 14px; height: 50px; width: 110px; cursor: default; outline:none;}
.ficheproduit .section-pastilles .pastille:hover,
.ficheproduit .section-pastilles .pastille:focus,
.ficheproduit .section-pastilles .pastille.focus,
.ficheproduit .section-pastilles .pastille:active,
.ficheproduit .section-pastilles .pastille.active {color: #fff;	background-color: #009ddc; border-color: transparent; outline:none;}
.ficheproduit .section-pastilles .badge {display: inline-block; min-width: 40px; padding: 7px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #6C0; border-radius: 7px; margin: 8px 0;}
.ficheproduit .section-pastilles .badge:empty {display: none;}
.ficheproduit .section-pastilles .btn .badge {position: relative; top: -1px;}
.ficheproduit .section-pastilles .btn-xs .badge {top: 0; padding: 1px 5px;}

.ficheproduit .section-description .symboles {margin:-25px 0 15px 0px}
.ficheproduit .section-description .symboles .keto {margin-right:15px;}
.ficheproduit .section-description .symboles .keto img {background-color: transparent; height:55px; width:auto;}
.ficheproduit .section-description .symboles .gluten img {background-color: transparent; height:60px; width:auto;}
.ficheproduit .section-description .glucidesnets {margin-bottom:2px;}
.ficheproduit .section-description .glucidesnets .nom {color: #6C0; font-size:14px;}
.ficheproduit .section-description .glucidesnets .nombre {color: #009ddc;}
.ficheproduit .section-description .poste {color: #bbb; font-size:14px;}
.ficheproduit .section-description .prix {color: #111; font-size:21px; margin:30px 0 20px 0;}
.ficheproduit .section-description .prixsolde {color: #c3c3c3; font-size:21px; text-decoration:line-through; margin:30px 0 20px 0;}
.ficheproduit .section-description .prix-solde {color: #F00; font-size:24px; margin-top:10px;}
.ficheproduit .section-description .prix-solde .poste {color: #F00; font-size:16px;}
.ficheproduit .section-description .ajout {margin-top:25px; color:#F00;}
.ficheproduit .section-description .ajout select {width:60px; height:34px; font-size:13px; margin-right:5px; display:inline-block;}
.ficheproduit .section-description .ajout .btn-ajout {height:34px; font-size:14px; padding:16px 13px; line-height:0; color: #fff; background-color: #009ddc; border-radius: 5px; margin-left:5px; display:inline-block;}
.ficheproduit .section-description .ajout .btn-ajout:focus,
.ficheproduit .section-description .ajout .btn-ajout:active {color: #fff; background-color: #009ddc; border-radius: 5px;}
.ficheproduit .section-description .ajout .btn-ajout:hover {color: #fff; background-color: #666;}

.ficheproduit .loupe {cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -ms-zoom-in; cursor: zoom-in;}
.ficheproduit .extra-marque {font-weight:normal; font-size:12px;}
.ficheproduit .ingredient img {height: auto; max-width: 100%;}

.ficheproduit .btn-produit  {	
	position:relative;
	background:url(images/pre.png) repeat-x; 
	min-height:30px;
 	width:150px; 
	font-size:12px;	
	color: #ca006c; 
	font-weight: bold;
	text-align:center;
	line-height:12px;
	cursor:pointer;
	padding:10px 10px;
	overflow: hidden;
	border: 1px solid #ccc;
	margin-top: 30px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
	        border-radius:6px;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
}

.ficheproduit .btn-produit:focus {color: #ca006c;}
.ficheproduit .btn-produit:hover,
.ficheproduit .btn-produit:active  {	
	background:url(images/prehover.png) repeat-x;
	border: 1px solid #999;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
	   -moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
	        box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
}


@media (min-width: 992px) and (max-width: 1200px)  {
	.ficheproduit .section-image .solde {top: 40px; left: 250px; width:111px; height: 122px; font-size: 21px; padding: 40px 4px 0 0;}
	.ficheproduit .section-image .promo {top: 40px; left: 250px; width:111px; height: 122px; font-size: 21px; padding: 40px 4px 0 0;}
	.ficheproduit .section-pastilles .pastille {margin: 25px 14px 25px 14px;}
	.ficheproduit .section-description  {padding: 15px 0 0 20px; height: 310px; font-size:15px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	.ficheproduit .section-image .solde {top: 65px; left: 315px; width:111px; height: 122px; font-size: 21px; padding: 40px 4px 0 0;}
	.ficheproduit .section-image .promo {top: 65px; left: 315px; width:111px; height: 122px; font-size: 21px; padding: 40px 4px 0 0;}
	.ficheproduit .section-pastilles {text-align:right; padding:0;}
	.ficheproduit .section-pastilles .pastille {margin: 40px 15px 28px 50px;}
	.ficheproduit .section-description {margin: 40px 0 0 15px; padding: 20px 0 0 0; width:725px; text-align:center; border-top: solid 1px #009ddc; border-left: none; height: auto; font-size:16px;}
	.ficheproduit .section-description .symboles {margin:25px 0 25px 0px}
	.ficheproduit .section-description .keto {margin:0 10px;}
	.ficheproduit .section-description .keto img {height:70px;}
	.ficheproduit .section-description .gluten {margin:0 10px;}
	.ficheproduit .section-description .gluten img {height:80px;}
	.ficheproduit .section-description .detail {margin:15px 0 15px 0;}
	.ficheproduit .section-description .boutons-popup {margin: 0px 0 40px 0;}
	.ficheproduit .section-description .ajout {margin-top:50px;}
}

@media (max-width: 767px) {
	.ficheproduit .section-image {padding:0; margin-top:15px; margin-bottom:0px;}
	.ficheproduit .section-image .agrandir {font-size:10px; margin-top:10px; margin-bottom:15px;}
	.ficheproduit .section-image .solde {position: inherit; top:-60px; left: inherit; margin: auto;}
	.ficheproduit .section-image .promo {position: inherit; top:-60px; left: inherit; margin: auto;}
	.ficheproduit .section-description {padding: 20px 0 0 0; margin-top:0px; text-align:center; border-left: none; height: auto; font-size:16px;}
	.ficheproduit .section-description .symboles {margin:0px 0 0px 0px}
	.ficheproduit .section-description .keto {margin:0 10px;}
	.ficheproduit .section-description .keto img {height:80px;}
	.ficheproduit .section-description .gluten {margin:0 10px;}
	.ficheproduit .section-description .gluten img {height:90px;}
	.ficheproduit .section-description .detail {margin:15px 0 15px 0;}
	.ficheproduit .section-description .boutons-popup {margin: 0px 0 40px 0;}
	.ficheproduit .section-description .prix {color: #111; font-size:24px; margin:30px 0 30px 0;}
	.ficheproduit .section-description .ajout {margin-top:20px; margin-bottom:35px;}
	.ficheproduit .section-pastilles {text-align:center; xborder-top: solid 1px #009ddc; xborder-bottom: solid 1px #009ddc; padding:15px 0; margin-bottom:20px;}
}

@media (min-width: 451px) and (max-width: 767px)  {
	.ficheproduit .section-image img {max-width: 70%;}
	.ficheproduit .section-pastilles .pastille {margin: 20px 20px;}
}

@media (max-width: 450px) {
	.ficheproduit .section-image img {max-width: 100%;}
	.ficheproduit .section-pastilles {height: auto;}
	.ficheproduit .section-pastilles .pastille {margin: 15px 15px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      FICHE SUPPLÉMENT                                                                               */
/*                                                                                                     */
/*******************************************************************************************************/


.fichesupplement .section-image {text-align:right; padding:0 30px 0 0px;}
.fichesupplement .section-image img {width: 100%; max-width:400px; height: auto; background-color:#444; border:10px solid #ececec; padding:1px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.fichesupplement .section-image .agrandir {font-size:12px; text-align:center; margin-top:10px; color:#aaa; padding:0}
.fichesupplement .section-description {text-align:left; padding: 30px 0 0 30px; height: 375px; font-size:17px; line-height: 26px;}

.fichesupplement .section-description .poste {color: #bbb; font-size:14px;}
.fichesupplement .section-description .prix {color: #111; font-size:21px; margin:30px 0 20px 0;}
.fichesupplement .section-description .prixsolde {color: #c3c3c3; font-size:21px; text-decoration:line-through; margin:30px 0 20px 0;}

.fichesupplement .section-description .prix-solde {color: #F00; font-size:24px; margin-top:10px;}
.fichesupplement .section-description .prix-solde .poste {color: #F00; font-size:16px;}

.fichesupplement .section-description .ajout {margin-top:25px; text-align:left; color:#F00;}
.fichesupplement .section-description .ajout select {width:60px; height:34px; font-size:13px; margin-right:5px; display:inline-block;}
.fichesupplement .section-description .ajout .btn-ajout {height:34px; font-size:14px; padding:16px 13px; line-height:0; color: #fff; background-color: #009ddc; border-radius: 5px; margin-left:5px; display:inline-block;}
.fichesupplement .section-description .ajout .btn-ajout:focus,
.fichesupplement .section-description .ajout .btn-ajout:active {color: #fff; background-color: #009ddc; border-radius: 5px;}
.fichesupplement .section-description .ajout .btn-ajout:hover {color: #fff; background-color: #666;}

.fichesupplement .loupe {cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -ms-zoom-in; cursor: zoom-in;}

.fichesupplement .btn-produit  {	
	position:relative;
	background:url(images/pre.png) repeat-x; 
	min-height:30px;
 	min-width:110px; 
	font-size:12px;	
	color: #06F; 
	font-weight: bold;
	text-align:center;
	line-height:12px;
	cursor:pointer;
	padding:10px 10px;
	overflow: hidden;
	border: 1px solid #ccc;
	margin-top: 30px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
	        border-radius:6px;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
}

.fichesupplement .btn-produit:focus {color: #ca006c;}
.fichesupplement .btn-produit:hover,
.fichesupplement .btn-produit:active  {	
	background:url(images/prehover.png) repeat-x;
	border: 1px solid #999;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
	   -moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
	        box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
}


@media (min-width: 992px) and (max-width: 1200px)  {
	.fichesupplement .section-description  {padding: 15px 0 0 20px; height: 310px; font-size:15px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	.fichesupplement .section-image {text-align:center; padding:0 0px 0 15px;}
	.fichesupplement .section-description {margin: 40px 0 0 15px; padding: 20px 0 0 0; width:725px; text-align:left; border-top: solid 1px #009ddc; border-left: none; height: auto; font-size:16px;}
}

@media (max-width: 767px) {
	.fichesupplement .section-image {text-align:center; padding:0 0px 0 0px;}
	.fichesupplement .section-image .agrandir {font-size:10px; margin-top:10px; margin-bottom:15px;}
	.fichesupplement .section-description {text-align:center;}
	.fichesupplement .boutons-popup  {margin: 0px 0 40px 0;}
	.fichesupplement .section-description .ajout  {padding: 30px 0 0 0; margin:auto; text-align:center;}
}

@media (min-width: 451px) and (max-width: 767px)  {
	.fichesupplement .section-image img {max-width: 70%;}
	.fichesupplement .section-description {margin-top: 40px; padding: 30px 0 0 30px; border-top: solid 1px #009ddc; border-left: none; height: auto; font-size:16px;}
	.fichesupplement .produit-description {font-size:98%; padding: 15px 0 0 0;}
}

@media (max-width: 450px) {
	.fichesupplement .section-image img {max-width: 100%;}
	.fichesupplement .produit-description {font-size:92%; padding: 10px 0 0 0;}
	.fichesupplement .section-description  {margin-top: 40px; padding: 20px 0 0 0; border-top: solid 1px #009ddc; border-left: none; height: auto; font-size:15px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      PAGE STANDARD                                                                                  */
/*                                                                                                     */
/*******************************************************************************************************/


.section_standard {background-color: #fff; margin: 40px 0 80px 0; min-height: 400px;}

.section_standard h1 {margin:10px 0 30px 0; color:#009ddc; font-size:38px; padding:10px 0; border-bottom:#009ddc solid 1px; border-top:#009ddc solid 1px; text-align:center;}
.section_standard h2 {text-align:center; font-family: 'Open Sans Condensed', sans-serif; margin:45px 0 0 0; color:#aaa; font-size:26px; line-height:24px; text-transform:uppercase;}
.section_standard h4 {color:#009ddc;}

.section_standard .form-control {height: 34px; padding: 6px 12px 6px 9px; font-size: 12px; color: #009ddc;}
.section_standard .form-group .titre {color:#ca006c; font-size:24px; font-weight:500; padding:0 15px;}
.section_standard .titre {color:#ca006c; font-size:24px; line-height:26px; font-weight:500;}
.section_standard .message {color:#777; font-size:20px; line-height:25px;}
.section_standard .message.vente {color:#777; font-size:17px; line-height:22px;}
.section_standard .message .important {color:#C00}
.section_standard .message .email {font-weight: bold;}
.section_standard .message p {margin-bottom:30px;}
.section_standard .message .numero {pointer-events: none;}
.section_standard .message .numero > a {text-decoration:none; color:inherit;}
.section_standard .message-promo {color:#777; line-height:28px; text-align:center; color:#C00; font-size:28px;}
.section_standard .form-group .control-label {color:#666; font-size:13px; font-weight: bold;}
.section_standard .form-group .champ-acces {padding:0px 15px;}
.section_standard .form-group .texte {color:#666; font-size:13px; line-height: 18px; font-weight:500; padding:0 15px;}
.section_standard .form-group .question {color:#009ddc; font-size:15px; line-height: 21px; font-weight:600; padding:0 15px; margin-top:15px;}
.section_standard .form-group .donnees {color:#009ddc; font-size:14px; line-height:13px; font-weight:500;}


@media (max-width: 767px) {
	.section_standard {margin: 0px 0 40px 0;}
	.section_standard.compte-profil {text-align:center;}
	.section_standard .form-group .titre {color:#ca006c; font-size:20px; font-weight:500; text-align:center; padding:0 15px;}
	.section_standard .form-group .donnees {font-weight:500; padding-top:8px;} 
	.section_standard .message-promo {font-size:24px; line-height:30px;}
}

@media (min-width: 451px) and (max-width: 767px)  {
	.section_standard h1 {font-size:28px; padding:8px 0; margin:10px 0 15px 0;} 
	.section_standard h2 {font-size:21px; line-height:21px; margin:20px 0 0 0;}
}

@media (max-width: 450px) {
	.section_standard h1 {font-size:22px; padding:7px 0; margin:10px 0 15px 0;} 
	.section_standard h2 {font-size:18px; line-height:18px; margin:20px 0 0 0;} 
	.section_standard h3 {font-size:19px;}
	.section_standard .titre {font-size:21px; line-height:23px;}
}

@media (min-width: 768px) {
	.form-horizontal  {margin-right: 50px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      PAGES STATIQUES                                                                                */
/*                                                                                                     */
/*******************************************************************************************************/


.section_statique {background-color: #fff; margin: 40px 0 80px 0; min-height: 400px; color:#555; font-size:15px; line-height: 23px; font-weight:500; text-align:justify;}

.section_statique h1 {margin:10px 0 30px 0; color:#009ddc; font-size:38px; padding:10px 0; border-bottom:#009ddc solid 1px; border-top:#009ddc solid 1px; text-align:center;}
.section_statique h2 {text-align:center; font-family: 'Open Sans Condensed', sans-serif; margin:45px 0 0 0; color:#aaa; font-size:26px; line-height:24px; text-transform:uppercase;}
.section_statique h3 {color:#ca006c; font-size:19px; line-height:24px; margin-top:40px; text-align:left; font-weight:bold;}
.section_statique h4 {color:#009ddc;}

.section_statique .photo {text-align:center;}
.section_statique .photo img {width: 100%; height: auto;}

.section_statique .keto .photo {margin-top:15px;}
.section_statique .keto .photo img {max-width:375px;}

.section_statique .texte {padding-right:0;}
.section_statique .resume {text-align:justify; display: table-cell; vertical-align: middle;}
.section_statique .symbole {text-align: right; padding-right:30px;}
.section_statique .symbole img {width: 185px; max-width:200px; height: auto;}

.section_statique .points h3 {margin-top:0px;}
.section_statique .points .programme h3 {color:#b7120e;}
.section_statique .points .obtenir h3 {color:#8cc447;}
.section_statique .points .echanger h3 {color:#37bae9;}
.section_statique .points .programme,
.section_statique .points .obtenir,
.section_statique .points .echanger {display:table; height:200px; margin-bottom:40px;}

.section_statique .avantages a.btn {text-decoration: none;}
.section_statique .avantages .recette {text-align: center; margin-top:-50px;}
.section_statique .avantages .recette .btn-recette {}
.section_statique .avantages .recette .glyphicon {color:#ca006c;}
.section_statique .avantages .btn-principal {width:180px; margin:15px 0 30px 0;}


@media (min-width: 768px) and (max-width: 991px)  {
	.section_statique .avantages .recette {margin-top:-20px;}
	.section_statique .keto .photo img {max-width:300px;}
}

@media (max-width: 767px) {
	.section_statique .photo {text-align:center}
	.section_statique .photo img {width: auto; max-width:350px; height: auto;}
	.section_statique .keto .photo {margin-top:0px;}
	.section_statique .keto .photo img {max-width:275px;}
	.section_statique .texte {padding-right:15px;}
	.section_statique .symbole {text-align: center; padding-right:0px;}
	.section_statique .points {height: auto; margin-bottom:40px;}
	.section_statique .points h3,
	.section_statique .avantages .recette {margin-top:-40px; margin-bottom:40px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      PAGES INFOS                                                                                    */
/*                                                                                                     */
/*******************************************************************************************************/


.section_info {background-color: #fff; margin: 40px 0 80px 0; min-height: 400px; color:#555; font-size:15px; line-height: 23px; font-weight:500; text-align:justify;}

.section_info h1 {margin:10px 0 30px 0; color:#009ddc; font-size:38px; padding:10px 0; border-bottom:#009ddc solid 1px; border-top:#009ddc solid 1px; text-align:center;}
.section_info h2 {text-align:center; font-family: 'Open Sans Condensed', sans-serif; margin:45px 0 0 0; color:#aaa; font-size:26px; line-height:24px; text-transform:uppercase;}
.section_info h3 {color:#ca006c; font-size:19px; line-height:24px; margin-top:40px; text-align:left; font-weight:bold;}
.section_info h4 {color:#009ddc;}

.section_info .photo {text-align:center;}
.section_info .photo img {width: 100%; height: auto;}

.section_info .xbarres .photo {padding: 0px 0;}
.section_info .xbarres .photo img {max-width:400px;}

.section_info .boulangerie .photo {padding: 60px 0;}
.section_info .boulangerie .photo img {max-width:350px;}

.section_info .complements .photo {padding: 60px 0;}
.section_info .complements .photo img {max-width:350px;}

.section_info .proti .photo {padding: 80px 0;}
.section_info .proti .photo img {max-width:350px;}

.section_info .protidiet .photo {padding: 75px 0;}
.section_info .protidiet .photo img {max-width:215px;}

.section_info .HealthWise .photo {padding: 60px 0;}
.section_info .HealthWise .photo img {max-width:375px;}

.section_info .N3 .photo {padding: 60px 0;}
.section_info .N3 .photo img {max-width:375px;}

.section_info .trophic .photo {padding: 60px 0;}
.section_info .trophic .photo img {max-width:350px;}

.section_info .sisu .photo {padding: 30px 0;}
.section_info .sisu .photo img {max-width:350px;}

.section_info .texte {padding-right:0;}
.section_info .resume {margin-top: 25px;}
.section_info ul li {margin-bottom: 10px;}

.section_info .diete .btn-page-info-top {min-width: 180px;}
.section_info .produit .btn-page-info-top {min-width: 180px;}
.section_info .marque .btn-page-info-top {min-width: 180px; margin-bottom: 40px;}

.section_info .boutons {text-align: left; margin-top: 50px;}
.section_info .boutons .btn-page-info-bottom {min-width: 180px; margin: 0 5px 10px 0;}


@media (min-width: 992px) and (max-width: 1200px)  {
	.section_info .boutons .btn-page-info-bottom {width: 180px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	.section_info .photo {text-align:center}
	.section_info .photo img {width: auto; max-width:450px; height: auto;}
	.section_info .boutons {text-align: center; margin-top: 50px;}
	.section_info .bouton-top {text-align: center; margin-top: 50px;}
}

@media (max-width: 767px) {
	.section_info .photo {text-align:center}
	.section_info .photo img {width: auto; max-width:350px; height: auto;}
	.section_info .texte {padding-right:15px;}
	.section_info .boutons {text-align: center; margin-top: 50px;}
	.section_info .bouton-top {text-align: center; margin-top: 50px;}
}

@media (max-width: 991px) {
	.section_info .protidiet .photo img {max-width:275px;}
	.section_info .complements .photo {padding: 20px 0 50px 0;}	
	.section_info .proti .photo {padding: 20px 0 50px 0;}	
	.section_info .protidiet .photo {padding: 0px 0 35px 0;}	
	.section_info .HealthWise .photo {padding: 20px 0 50px 0;}
	.section_info .N3 .photo {padding: 20px 0 50px 0;}
	.section_info .trophic .photo {padding: 20px 0 50px 0;}
	.section_info .sisu .photo {padding: 0px 0 15px 0;}
	.section_info .boutons .btn-page-info-bottom {min-width: 180px;}
}






/*******************************************************************************************************/
/*                                                                                                     */
/*      EN SAVOIR PLUS                                                                                 */
/*                                                                                                     */
/*******************************************************************************************************/


#savoirplus .statique {background-color: #fff; margin: 40px 0 80px 0; min-height: 400px; color:#555; font-size:15px; line-height: 23px; font-weight:500; text-align:justify;}
#savoirplus .statique h1 {margin:10px 0 30px 0; color:#009ddc; font-size:38px; padding:10px 0; border-bottom:#009ddc solid 1px; border-top:#009ddc solid 1px; text-align:center;}
#savoirplus .statique h2 {text-align:center; font-family: 'Open Sans Condensed', sans-serif; margin:45px 0 0 0; color:#aaa; font-size:26px; line-height:24px; text-transform:uppercase;}
#savoirplus .statique .note {padding: 0 15px 40px 15px; font-weight: bold;}

#savoirplus .statique .theme .icone {text-align: center;}
#savoirplus .statique .theme .icone img {width: 225px;}
#savoirplus .statique .theme .image {text-align: center;}
#savoirplus .statique .theme .image img {width: 100%; max-width: 300px; padding-bottom: 30px;}
#savoirplus .statique .theme .description {display:table; height:225px; margin-bottom:40px;}
#savoirplus .statique .theme .description .resume {display: table-cell; vertical-align: middle;}
#savoirplus .statique .theme .description .resume h3 {color:#111; font-size:19px; line-height:24px; text-align:left; font-weight:bold; margin-top: 0;}
#savoirplus .statique .theme .description .ligne {border-bottom: solid 1px #333; padding-top:15px; width: 100px;}
#savoirplus .statique .theme .description .explications {padding-top: 15px; font-size: 13px; color: #333;}

#savoirplus.keto .statique .theme .description {height:auto; margin-bottom:40px;}

#savoirplus.outils .statique .theme .description.gluten .resume h3 {color:#f7931e;}
#savoirplus.outils .statique .theme .description.valeurs .resume h3 {color:#8dc53e;}
#savoirplus.outils .statique .theme .description.allergenes .resume h3 {color:#ed2a7a;}
#savoirplus.outils .statique .theme .description.comparatif .resume h3 {color:#27aae0;}
#savoirplus.points .statique .theme .description.programme .resume h3 {color:#ba0000;}
#savoirplus.points .statique .theme .description.obtenir .resume h3 {color:#8ac53e;}
#savoirplus.points .statique .theme .description.echanger .resume h3 {color:#2cbbeb;}
#savoirplus.keto .statique .theme .description.cetogene .resume h3 {color:#8dc53e;}
#savoirplus.keto .statique .theme .description.glucides .resume h3 {color:#2cbbeb;}
#savoirplus.keto .statique .theme .description.papilles .resume h3 {color:#ed2a7a;}
#savoirplus.cueillette .statique .theme .description .resume h3 {color:#f19125;}


@media (min-width: 992px) and (max-width: 1200px)  {
	#savoirplus .statique .theme .icone img {width: 200px;}
	#savoirplus .statique .theme .description {height:200px;}
	#savoirplus .statique .theme .description .resume {padding: 0 20px 0 0;}
}
	
@media (min-width: 768px) and (max-width: 991px)  {
	#savoirplus .statique .theme .icone img {width: 200px;}
	#savoirplus .statique .theme .description {height:200px;}
	#savoirplus .statique .theme .description .resume {padding: 0 0px 0 0;}
}

@media (max-width: 767px) {
	#savoirplus .statique .note {padding: 0 30px 30px 30px;}
	#savoirplus .statique .theme .icone img {width: 200px;}
	#savoirplus .statique .theme .description {display: inherit; height: auto; margin-bottom:40px;}
	#savoirplus .statique .theme .description .resume {display: inherit; padding: 0 30px 0 30px;}
	#savoirplus .statique .theme .description .resume h3 {text-align:center; margin: 20px 0 20px 0;}
	#savoirplus .statique .theme .description .explications { }
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      OUTIL : GLUTEN                                                                                 */
/*                                                                                                     */
/*******************************************************************************************************/


.outil-gluten .choix {background-color:#eeeee5; margin-top:15px; padding:30px 25px 30px 25px;}
.outil-gluten .choix .liste {text-align:left; padding: 0 0 0 15px; font-weight:bold;}
.outil-gluten .choix .compteur {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; color: #090; text-align:right; padding-top:9px;}
.outil-gluten .choix .compteur .cadre {background-color:#009ddc; color: #eeeee5; border-radius:5px; padding:7px 21px;}
.outil-gluten .table {border-right:1px solid #eeeee5; border-left:1px solid #eeeee5; border-bottom:1px solid #eeeee5;}
.outil-gluten .table > tbody > tr > td {border-top:0;}
.outil-gluten .tab-element {font-family:Arial, Helvetica, sans-serif; font-size: 15px; padding-left: 30px; font-weight:700; color: #333; border-top:0;}
.outil-gluten .tab-vide  {height:0px; background-color:#fff; border:none; line-height:0; padding:0;}


@media (max-width: 767px) {
	.outil-gluten .icone {text-align:center; height:165px; overflow:hidden;}
	.outil-gluten .choix {margin-top:30px; padding:30px 15px 25px 15px; border-top:0;}
	.outil-gluten .choix .liste {font-weight: normal;}
	.outil-gluten .choix .compteur .cadre {padding:7px 15px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      OUTIL : VALEURS NUTRITIVES                                                                     */
/*                                                                                                     */
/*******************************************************************************************************/


.outil-valeurs .choix {background-color:#eeeee5; margin:60px 0 0 0; padding:30px 15px 5px 15px;}
.outil-valeurs .liste {padding-left:15px; font-weight:bold;}
.outil-valeurs .compteur {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; color: #090; text-align:right; padding-top:9px;}
.outil-valeurs .compteur .cadre {background-color:#009ddc; color: #eeeee5; border-radius:5px; padding:7px 21px;}

.outil-valeurs .table {border:1px solid #eeeee5;}
.outil-valeurs .table-fixed thead {width: 1138px; background-color:#eeeee5;}
.outil-valeurs .table-fixed tbody {height: auto; width: 100%; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.outil-valeurs .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {display: block;}
.outil-valeurs .table-fixed tbody td, .table-fixed thead > tr> th {border-bottom: 0;}

.outil-valeurs .table .col-sm-1 {width: 86px;}
.outil-valeurs .table .col-sm-2 {width: 250px;}

.outil-valeurs .tab-abreviations {vertical-align: middle; cursor:default; text-align: center; border-top: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #ca006c; padding: 10px 0 0 0;}
.outil-valeurs .tab-tri {text-align: center; border-top:0; padding-bottom:20px;}
.outil-valeurs .tab-produit	{font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 20px; font-weight: 700;}
.outil-valeurs .tab-chiffre	{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #555; text-align:center; font-weight: 700; padding-top:15px;}

.outil-valeurs .zoneclic {padding:0px 25px 10px 25px;}
.outil-valeurs .tooltip-inner {max-width: 140px; padding: 4px 8px; border-radius: 4px; background-color:#333;}


@media (min-width: 992px) and (max-width: 1200px)  {
	.outil-valeurs .table-fixed thead {width: 938px;}
	.outil-valeurs .table .col-sm-1 {width: 72px;}
	.outil-valeurs .table .col-sm-2 {width: 195px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	.outil-valeurs .table-fixed thead {width: 718px;}
	.outil-valeurs .table .col-sm-1 {width: 55px;}
	.outil-valeurs .table .col-sm-2 {width: 150px;}
	.outil-valeurs .zoneclic {padding:0px 15px 10px 15px;}
}

@media (max-width: 767px) {
	.outil-valeurs .icone {text-align:center; height:165px; overflow:hidden;}
	.outil-valeurs .table {font-family:Arial, Helvetica, sans-serif; border:1px solid #eeeee5; margin-top:30px; width:100%;}
	.outil-valeurs .choix {background-color:#eeeee5; padding:30px 15px 25px 15px; border-top:0;}
	.outil-valeurs .choix.compteur {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; text-align:right; padding:38px 15px 0 0;}
	.outil-valeurs .choix.compteur .cadre {background-color:#009ddc; color: #eeeee5; border-radius:5px; padding:7px 15px;}
	.outil-valeurs .tab-produit {font-size: 13px; line-height:15px; padding: 30px 0 0 2%; font-weight:700; color: #333; border-top: 3px solid #eeeee5; border-bottom:0; }
	.outil-valeurs .tab-produit .extra-marque {font-size: 12px; line-height:12px;}
	.outil-valeurs .glyphicon-cog {color:#ca006c; background-color:transparent;}
	.outil-valeurs .tab-validation {text-align: center; border: 0px; width:10%; padding:0; margin-bottom:30px; padding-bottom:30px;}
	.outil-valeurs .tab-validation.abreviation {font-weight:bold; font-size:11px; color:#ca006c; padding-bottom: 0px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.outil-valeurs .zoneclic {padding:8px 25px 12px 25px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.outil-valeurs .zoneclic {padding:8px 15px 12px 15px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      OUTIL : ALLERGÈNE                                                                              */
/*                                                                                                     */
/*******************************************************************************************************/


.outil-allergene .tableau {width: 1140px; border:1px solid #eeeee5; margin:60px 0 0 0;}
.outil-allergene .tableau .col-sm-1 {width: 90px; padding:0;}
.outil-allergene .tableau .col-sm-3 {width: 290px; padding:0;}

.outil-allergene .tableau .entete {background-color:#eeeee5; color:#009ddc;}
.outil-allergene .tableau .entete .choix {padding:30px 15px 15px 30px;}
.outil-allergene .tableau .entete .choix .liste {padding-left:15px; font-weight:bold}
.outil-allergene .tableau .entete .choix .compteur {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; text-align:right; padding-top:9px; padding-right:30px;}
.outil-allergene .tableau .entete .choix .compteur .cadre {background-color:#009ddc; color: #eeeee5; border-radius:5px; padding:7px 21px;}
.outil-allergene .tableau .entete .abreviations {margin:0; cursor:default; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #222; padding: 10px 0 0 0;}
.outil-allergene .tableau .entete .sansitem {margin:0; text-align: center; padding: 10px 0 15px 0;}
.outil-allergene .tableau .entete .sansitem .glyphicon {padding: 5px 0; font-size:15px; color: #F00; line-height:0; font-weight:bold;}
.outil-allergene .tableau .entete .contient_oui {color:#222; text-align:left; font-size:12px; font-weight:normal; padding: 0; padding-left:30px;}
.outil-allergene .tableau .entete .contient_oui .fa {color:#ca006c;}
.outil-allergene .tableau .entete .contient_peut {color:#222; text-align:left; font-size:12px; font-weight:normal; padding: 0; padding-left:30px;}
.outil-allergene .tableau .entete .contient_peut .fa {color:#999;}

.outil-allergene .tableau .listeproduits {height: auto; margin:0; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.outil-allergene .tableau .listeproduits .produit {font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 10px 0 10px 30px; font-weight: 700; color: #333;}
.outil-allergene .tableau .listeproduits .symbole {text-align: center; padding: 20px 0 10px 0;}

.outil-allergene .couleur1 {font-size:33px; color:#ca006c; line-height:18px; font-weight:bold;}
.outil-allergene .couleur2 {font-size:33px; color:#999; line-height:18px; font-weight:bold;}

.outil-allergene .zoneclic {padding:0px 25px 10px 25px;}
.outil-allergene .tooltip-inner {max-width: 180px; padding: 4px 8px; border-radius: 4px; background-color:#333;}
.outil-allergene .tooltip.bottom {padding: 11px 0 0 0; margin-top: 9px;}
.outil-allergene .tooltip.bottom .tooltip-arrow {top: 0px; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #222;}


@media (min-width: 992px) and (max-width: 1200px)  {
	.outil-allergene .tableau {width: 940px;}
	.outil-allergene .tableau .listeproduits {width:938px}
	.outil-allergene .zoneliste {width: 938px;}
	.outil-allergene .tableau .col-sm-1 {width: 80px;}
	.outil-allergene .tableau .col-sm-3 {width: 200px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	.outil-allergene .tableau {width: 720px;}
	.outil-allergene .tableau .listeproduits {width:718px}
	.outil-allergene .zoneliste {width: 718px;}
	.outil-allergene .tableau .col-sm-1 {width: 57px;}
	.outil-allergene .tableau .col-sm-3 {width: 187px;}
	.outil-allergene .zoneclic {padding:0px 15px 10px 15px;}
}

@media (max-width: 767px) {
	.outil-allergene .icone {text-align:center; height:165px; overflow:hidden;}
	.outil-allergene .table {font-family:Arial, Helvetica, sans-serif; border:1px solid #eeeee5; margin-top:30px; width:100%;}
	.outil-allergene .choix {background-color:#eeeee5; padding:30px 15px 25px 15px; border-top:0;}
	.outil-allergene .choix.compteur {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; text-align:right; padding:38px 15px 0 0;}
	.outil-allergene .choix.compteur .cadre {background-color:#009ddc; color: #eeeee5; border-radius:5px; padding:7px 15px;}
	.outil-allergene .tab-produit {font-size: 13px; line-height:15px; padding: 30px 0 0 2%; font-weight:700; color: #333; border-top: 3px solid #eeeee5; border-bottom:0; }
	.outil-allergene .tab-produit .extra-marque {font-size: 12px; line-height:12px;}
	.outil-allergene .glyphicon-cog {color:#ca006c; background-color:transparent;}
	.outil-allergene .tab-validation {text-align: center; border: 0px; width:11.11%; padding:0; margin-bottom:30px; padding-bottom:30px;}
	.outil-allergene .tab-validation.abreviation {font-weight:bold; font-size:11px; color:#222; padding-bottom: 10px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.outil-allergene .zoneclic {padding:8px 25px 12px 25px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.outil-allergene .zoneclic {padding:8px 15px 12px 15px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      OUTIL : COMPARATIF                                                                             */
/*                                                                                                     */
/*******************************************************************************************************/


.outil-comparatif { }

.outil-comparatif .indicateur {position: absolute; width:209px; height:176px; top: 155px; left:250px; background-repeat:no-repeat;}

.outil-comparatif .listes {margin-top:10px;}
.outil-comparatif .listes .col-xs-5 {width:535px; text-align:right; color: #ca006c; font-size:25px; font-family: "Times New Roman", Times, serif; padding-right:30px;}
.outil-comparatif .listes .col-xs-4 {width:445px; padding:0;}

.outil-comparatif .table {margin-top:30px; width:770px; margin-left:200px;}
.outil-comparatif .table tr {height:10px}
.outil-comparatif .table .col0 {width:40%; border-top:none;}
.outil-comparatif .table .col1 {width:40%; border-top:none; border-left:1px solid #eeeee5; border-right:1px solid #eeeee5;}
.outil-comparatif .table .col-x {width:12%; border-top:none; border-right:1px solid #eeeee5;}
.outil-comparatif .table .col-y {width:12%; border-top:none;}

.outil-comparatif .tab-chiffre {background-color:#FFF; border:none; font-size:55px; line-height:30px; font-family: "Times New Roman", Times, serif; text-align: center; color: #ca006c;}
.outil-comparatif .tab-entete {border-top:0; border-bottom:0; border-right:1px solid #eeeee5; background-color: #eeeee5; padding: 10px 0 10px 30px; font-size:21px; color:#009ddc;}
.outil-comparatif .tab-entete .table tr {background-color: #eeeee5; padding: 0;}
.outil-comparatif .tab-contient {border-top:0; border-bottom:0; border-right:1px solid #eeeee5; background-color: #eeeee5; color:#009ddc; padding-top:15px; padding-right:20px;}
.outil-comparatif .tab-gluten {width:100%; background-color:#fff;}
.outil-comparatif .tab-gluten .tab-element {color: #f7931e; padding-top:14px;}
.outil-comparatif .tab-element {font-family:Arial, Helvetica, sans-serif; font-size: 15px; line-height:15px; padding-left: 30px; font-weight:700; color: #333;}
.outil-comparatif .tab-produit {text-align: center; font-size:13px; line-height:15px;}
.outil-comparatif .tab-legende {border-top:0; border-bottom:0; background-color:#fff; padding: 0px 0 0px 15px;}
.outil-comparatif .tab-legende .block {display:inline-block;}
.outil-comparatif .couleur1 {font-size:33px; color:#ca006c; font-weight:bold; line-height:15px;}
.outil-comparatif .couleur2 {font-size:33px; color:#999; font-weight:bold; line-height:15px;}
.outil-comparatif .tab-vide {height:0px; background-color:#fff; padding: 10px 0 10px 0; text-align:center; border-right:none; border-left:none;}
.outil-comparatif .tooltip-inner {max-width: 200px; padding: 6px 12px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px;}
.outil-comparatif .glyphicon-ok {color: #f7931e; font-size:18px; padding-bottom:7px; line-height:15px;}

.outil-comparatif .fibres-g,
.outil-comparatif .sucres-g,
.outil-comparatif .polyalcools-g {color: #aaa; font-weight:normal; padding-left:50px;}


@media (min-width: 992px) and (max-width: 1200px)  {
	.outil-comparatif .indicateur {left:140px;}
	.outil-comparatif .listes .col-xs-5 {width:430px; padding-right:30px;}
	.outil-comparatif .listes .col-xs-4 {width:440px;}
	.outil-comparatif .table {margin-left:100px;}
}
	
@media (min-width: 768px) and (max-width: 991px)  {
	.outil-comparatif .indicateur {left:30px;}
	.outil-comparatif .listes .col-xs-5 {width:310px; padding-right:30px;}
	.outil-comparatif .listes .col-xs-4 {width:415px;}
	.outil-comparatif .table {width:710px; margin-left:5px;}
}
	
@media (max-width: 767px) {
	.outil-comparatif .icone {text-align:center; height:165px; overflow:hidden;}
	.outil-comparatif .table {width:100%; max-width:720px; margin-left:0px;}
	.outil-comparatif .tab-contient_xs {border-top:0; border-bottom:0; border-right:1px solid #eeeee5; background-color: #eeeee5; padding: 0px 0 12px 20px; color:#009ddc;}
	.outil-comparatif .tab-entete {padding: 10px 0 10px 20px; font-size:18px;}
	.outil-comparatif .tab-chiffre {font-size:38px;}
	.outil-comparatif .tab-element {font-size: 13px; padding-left: 20px;}
	.outil-comparatif .listes .col-xs-5 {width:10%; padding-right:5px; text-align:center;}
	.outil-comparatif .listes .col-xs-4 {width:85%;}
	.outil-comparatif .btn-liste {width: 24px; height: 24px; border-radius: 18px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      OUTILS - LISTES                                                                                */
/*                                                                                                     */
/*******************************************************************************************************/


.liste {padding: 0; margin: auto;}
.liste > li {position: relative; display: inline; list-style: none;}
.liste > li > a {display: inline; line-height: 45px; color: #999; padding: 0 25px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 800;}
.liste > li > a:hover,
.liste > li > a:focus {color:#666; text-decoration: none; background-color: none;}





/*******************************************************************************************************/
/*                                                                                                     */
/*      ACHATS - GÉNÉRAL                                                                               */
/*                                                                                                     */
/*******************************************************************************************************/

#achat .alerte2 {background-color: #03C; color: #fff; font-size:15px; padding:15px 15px 5px 15px; text-align:center;}
#achat .alerte2 a {color: #fff; text-decoration:underline;}

#achat .table > thead > tr > th,
#achat .table > tbody > tr > th,
#achat .table > tfoot > tr > th {vertical-align: middle; padding: 7px 0; font-family:Arial, Helvetica, sans-serif; font-size: 17px; font-weight:bold; color: #fff; text-align: center; background-color:#009ddc; border:0;}

#achat .table > thead > tr > td,
#achat .table > tbody > tr > td,
#achat .table > tfoot > tr > td {vertical-align: middle; font-family:Arial, Helvetica, sans-serif; border-top: 0;}
#achat .table {margin-top: 20px;}


#achat .navigation {}
#achat .navigation .btn {width:225px;}
#achat .navigation .btn.retour {margin-top: 10px; margin-bottom: 10px;}



@media (max-width: 767px) {
	#achat .table > thead > tr > th,
	#achat .table > tbody > tr > th,
	#achat .table > tfoot > tr > th {font-size: 13px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#achat .supprime .tooltip {visibility:hidden;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#achat .supprime .tooltip {visibility:hidden;}
}

@media only screen and (max-device-width: 414px) and (max-device-height: 736px) {
	#achat .supprime .tooltip {visibility:hidden;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      ACHATS - PANIER                                                                                */
/*                                                                                                     */
/*******************************************************************************************************/


/*#achat.panier .alerte2 {background-color: #03C; color: #fff; font-size:15px; padding:15px 15px 5px 15px; text-align:center;}
/*#achat.panier .alerte2 a {color: #fff; text-decoration:underline;}

/*#achat.panier .article {width: 50%; border-bottom: 1px solid #dddddd;}*/
#achat.panier .article-photo {width: 5%;}
#achat.panier .article-nom {width: 45%;}
#achat.panier .cout {width: 18%;}
#achat.panier .quantite {width: 5%;}
#achat.panier .montant {width: 25%;}
#achat.panier .supprime {width: 2%;}
#achat.panier .vide {width: 2%;}

#achat.panier .table th.article {text-align:left; padding-left:65px; border-bottom: 1px solid #dddddd;}

#achat.panier .article-photo {text-align:left; padding:7px 5px 7px 15px; border-bottom: 1px solid #dddddd;}
#achat.panier .article-photo img {width:40px; height:40px;}
#achat.panier .article-nom {text-align:left; padding:7px 20px 7px 5px; border-bottom: 1px solid #dddddd;}
#achat.panier .article-nom a {text-decoration:underline;}
#achat.panier .cout {text-align:center; border-bottom: 1px solid #dddddd; padding:0}
#achat.panier .quantite {text-align:center; border-bottom: 1px solid #dddddd;}
#achat.panier .quantite select {width:60px; padding: 5px 3px; font-size:13px;}
#achat.panier .montant {text-align:right; font-weight:700; border-bottom: 1px solid #dddddd; padding-right:90px;}
#achat.panier .supprime {text-align:center; font-weight:700; border-bottom: 1px solid #dddddd; padding:0;}
#achat.panier .supprime .btn {border: 0; background:none; color:#C30;}
#achat.panier .supprime .btn:active {border: 0; background-color: transparent; color: #333;}
#achat.panier .supprime .tooltip.top {padding: 8px 0; margin-top: -3px; width:88px;}
#achat.panier .supprime .tooltip-inner {padding: 10px 3px; font-size: 12px; color: #fff; text-align: center; text-decoration: none; background-color: #222; border-radius: 0px;}
#achat.panier .supprime .tooltip.top .tooltip-arrow {bottom: 0px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000;}
#achat.panier .horstaxe {text-align:left; padding:20px 0px 10px 65px; font-size:11px; line-height: 0; xbackground-color:#fcfcfc; height:30px;}
#achat.panier .soustotal {text-align:right; padding:0px 0px 3px 0; font-weight:bold;}
#achat.panier .soustotal-montant {text-align:right; font-weight:bold; padding:0px 88px 3px 0;}

#achat.panier .pointsplus {color:#999; padding:10px 0 10px 0px; margin-top:10px; text-align:center; border-top:1px solid #C00; border-bottom:1px solid #C00;}
#achat.panier .pointsplus span {font-size:22px; color:#5cb85c;}
#achat.panier .pointsplus a {text-decoration:underline; cursor:pointer;}
#achat.panier .pointsplus a:hover {color:#5cb85c;}
#achat.panier .popover {font-size:12px; line-height:20px; letter-spacing:0.02em; max-width: 325px;}
#achat.panier .popover a {color:#39C; text-decoration:underline;}
#achat.panier .popover a:hover {color:#c00;}
#achat.panier .popover.top {margin-top: -20px;}
#achat.panier .popover-title {padding: 12px 14px; margin: 0; color:#ca006c;}
#achat.panier .popover-content {color:#009ddc;}

#achat.panier .navigation {text-align:right; margin-top:20px; padding-right: 133px;}

@media (min-width: 992px) and (max-width: 1200px)  {
	#achat.panier .alerte {font-size:20px; line-height:30px; letter-spacing:0.02em;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	#achat.panier .alerte {font-size:19px; line-height:30px; letter-spacing:0.015em;}
	#achat.panier .montant {padding-right:35px;}
	#achat.panier .soustotal-montant {padding:0px 33px 3px 0;}
	#achat.panier .navigation {padding-right: 77px;}
}

@media (max-width: 767px) {
	#achat.panier .alerte {font-size:19px; line-height:30px; letter-spacing:0.02em; padding:10px 15px 15px 15px;}
	#achat.panier h1 {margin:10px 0 10px 0;}
	#achat.panier .article-photo {width:5%;}
	#achat.panier .article-nom {width:55%;}
	#achat.panier .cout {width:15%;}
	#achat.panier .quantite {width:5%;}
	#achat.panier .montant {width:18%;}
	#achat.panier .supprime {width:2%;}
	#achat.panier .vide {width:2%;}
	#achat.panier .table th.article {padding-left:40px;}
	#achat.panier .article-photo {text-align:left; padding:7px 0px 7px 0px;}
	#achat.panier .article-photo img {width:30px; height:30px;}
	#achat.panier .article-nom {padding:7px 0px 7px 10px; font-size:13px;}
	#achat.panier .cout {font-size:12px;}
	#achat.panier .quantite {}
	#achat.panier .quantite select {width:40px; padding: 5px 3px; font-size:12px;}
	#achat.panier .montant {font-size:12px; padding-right:7px;}
	#achat.panier .horstaxe {padding:20px 0px 10px 40px;}
	#achat.panier .soustotal {text-align:right; padding:5px 10px 0 0;}
	#achat.panier .soustotal-montant {padding:5px 5px 0 0;}
	#achat.panier .pointsplus {padding:10px 0px 10px 0px; text-align:center;}
	#achat.panier .navigation {text-align: center; padding-right:inherit;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      ACHATS - MODE (TAMPON)                                                                         */
/*                                                                                                     */
/*******************************************************************************************************/

@media (min-width: 1200px)  {
	.col-lg-offset-1 {margin-left:8%;}
}

#achat.mode .livraison-espace {padding-left: 150px;}
#achat.mode .cueillette-espace {padding-left: 100px;}

#achat.mode .livraison-espace .selectionner,
#achat.mode .cueillette-espace .selectionner {color: #C30; padding-bottom:15px; font-size:13px; font-weight:bold;}
#achat.mode .livraison-espace label,
#achat.mode .cueillette-espace label {display: inherit}
#achat.mode .livraison-espace .col-xs-11,
#achat.mode .cueillette-espace .col-xs-11 {padding-left:0;}
#achat.mode .livraison-espace .col-xs-11.decalage,
#achat.mode .cueillette-espace .col-xs-11.decalage {xpadding-left:10px;}
#achat.mode .livraison-espace .livraison-adresses .champ {margin:7px 0 3px 0;}
#achat.mode .livraison-espace .form-horizontal .control-label {text-align:left;}
#achat.mode .cueillette-espace .bloc {padding:0px 0 20px 0;}
#achat.mode .bloc.adresse-ajout {padding:20px 0 20px 0;}
#achat.mode .bloc .box {background-color:#FC0; width:250px; text-align:center; padding:10px 0; font-weight:bold;}
#achat.mode .bloc .calcul {margin-top:10px;}
#achat.mode .bloc .calcul a {text-decoration:underline; color:#06F; font-size:12px;}
#achat.mode .bloc .calcul-exp {color:#000; font-size:12px; padding:20px 120px 0 0;}

#achat.mode .navigation {text-align:left; padding-left: 230px; margin-top:45px;}

#achat.mode .btn-success.disabled, 
.btn-success.disabled.active, 
.btn-success.disabled.focus, 
.btn-success.disabled:active, 
.btn-success.disabled:focus, 
.btn-success.disabled:hover, 
.btn-success[disabled], 
.btn-success[disabled].active, 
.btn-success[disabled].focus, 
.btn-success[disabled]:active, 
.btn-success[disabled]:focus, 
.btn-success[disabled]:hover, fieldset[disabled] 
.btn-success, fieldset[disabled] 
.btn-success.active, fieldset[disabled] 
.btn-success.focus, fieldset[disabled] 
.btn-success:active, fieldset[disabled] 
.btn-success:focus, fieldset[disabled] 
.btn-success:hover {background-color: #999; border-color: #999;}

#achat.mode .popover {font-size:12px; line-height:20px; letter-spacing:0.02em; max-width: 325px;}
#achat.mode .popover a {color:#39C; text-decoration:underline;}
#achat.mode .popover a:hover {color:#c00;}
#achat.mode .popover.top {margin-top: -20px;}
#achat.mode .popover-title {padding: 12px 14px; margin: 0; color:#ca006c;}
#achat.mode .popover-content {color:#009ddc;}


@media (min-width: 992px) and (max-width: 1200px)  {
	#achat.mode .livraison-espace {padding-left: 75px;}
	#achat.mode .cueillette-espace {padding-left: 50px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	#achat.mode .livraison-espace .col-xs-11,
	#achat.mode .cueillette-espace .col-xs-11 {padding-left:10px;}
	#achat.mode .bloc .calcul-exp {padding:20px 60px 0 0;}
	#achat.mode .livraison-espace {padding-left: 15px;}
	#achat.mode .cueillette-espace {padding-left: 20px;}
}

@media (max-width: 767px) {
	#achat.mode .livraison-espace {margin-bottom:15px; padding-left: 15px;}
	#achat.mode .cueillette-espace {margin-top:15px; padding-left: 15px;}
	
	#achat.mode .livraison-espace .col-xs-11 label,
	#achat.mode .cueillette-espace .col-xs-11 label {font-size:13px;}
	
	#achat.mode .livraison-espace .padright,
	#achat.mode .cueillette-espace .padright {padding-right:0px;}
	
	#achat.mode .livraison-espace .padleft,
	#achat.mode .cueillette-espace .padleft {padding-left:10px;}
	
	#achat.mode .livraison-espace .selectionner {padding-left:10px;}
	#achat.mode .cueillette-espace .selectionner {padding-left:0px;}
	
	#achat.mode .livraison-adresses .adresses {padding-left:10px;}
	#achat.mode .livraison-adresses .adresse-ajout .col-xs-11 {padding-left:10px;}
	#achat.mode .cueillette-adresses .col-xs-11 {padding-left:10px;}
	
	#achat.mode .bloc .calcul-exp {padding:20px 20px 0 0;}

	#achat.mode .navigation {text-align:center; padding-left:0; margin-top:45px;}


}




/*******************************************************************************************************/
/*                                                                                                     */
/*      ACHATS - CAISSE                                                                                */
/*                                                                                                     */
/*******************************************************************************************************/


/*********************************/
/*      Tableau                  */
/*********************************/

#achat.caisse .article {width: 55%; border-bottom: 1px solid #dddddd;}
#achat.caisse .article-photo {width: 5%;}
#achat.caisse .article-nom {width: 50%;}
#achat.caisse .cout {width: 15%;}
#achat.caisse .quantite {width: 5%;}
#achat.caisse .montant {width: 20%;}

#achat.caisse .table th.article {text-align:left; padding-left:65px;}

#achat.caisse .article-photo {text-align:left; padding:7px 5px 7px 15px; border-bottom: 1px solid #dddddd;}
#achat.caisse .article-photo img {width:40px; height:40px;}
#achat.caisse .article-nom {text-align:left; padding:7px 20px 7px 5px; border-bottom: 1px solid #dddddd;}
#achat.caisse .article-nom a {text-decoration:underline;}
#achat.caisse .cout {text-align:center; border-bottom: 1px solid #dddddd; padding:0}
#achat.caisse .quantite {text-align:center; border-bottom: 1px solid #dddddd;}
#achat.caisse .quantite select {width:60px; padding: 5px 3px; font-size:13px;}
#achat.caisse .montant {text-align:right; font-weight:700; border-bottom: 1px solid #dddddd; padding-right:90px;}
#achat.caisse .horstaxe {text-align:left; padding:20px 0px 10px 65px; font-size:11px; font-weight:normal; line-height:0;}


/*********************************/
/*      Calculs                  */
/*********************************/

#achat.caisse .soustotal-nom {text-align:right; font-weight:bold; padding:0px 0px 3px 0;}
#achat.caisse .soustotal-montant {text-align:right; font-weight:bold; padding:0px 90px 3px 0;}

#achat.caisse .livraison-nom {text-align:right; padding:3px 0; border-top: none; color: #999;}
#achat.caisse .livraison-montant {text-align:right; padding:3px 90px 3px 0; border-top: none; color: #999;}

#achat.caisse .taxes-nom {text-align:right; padding:3px 0; border-top: none; color: #999;}
#achat.caisse .taxes-montant {text-align:right; padding:3px 90px 3px 0; border-top: none; color: #999;}

#achat.caisse .total-nom {text-align:right; font-weight:bold; padding:5px 0px 20px 0;}
#achat.caisse .total-montant {text-align:right; font-weight:bold; padding:5px 90px 20px 0;}

#achat.caisse .rabais-nom {text-align:right; border-top: none; color: #999; padding-right:0;}
#achat.caisse .rabais-montant {text-align:right; font-size:14px; color:#093; font-weight:700; padding-right:90px;}
#achat.caisse .table tr td.rabais-nom {padding-bottom: 3px;}
#achat.caisse .table tr td.rabais-montant {padding-bottom: 3px;}

#achat.caisse .points-nom {text-align:right; border-top: none; color: #999; padding-right:0;}
#achat.caisse .points-montant {text-align:right; font-size:14px; color:#093; font-weight:700; padding-right:90px;}
#achat.caisse .table tr td.points-nom {padding-top: 0px;}
#achat.caisse .table tr td.points-montant {padding-top: 0px;}

#achat.caisse .grandtotal {text-align:right; padding:15px 0; font-weight:bold; border-top: none; border-bottom: 1px solid #009ddc; font-size:18px; color:#009ddc; background-color: #fcf9fa;}
#achat.caisse .grandtotal-montant {text-align:right; font-weight:bold; padding:15px 88px 15px 0px; border-top: none; border-bottom: 1px solid #009ddc; font-size:18px; color:#009ddc; background-color: #fcf9fa;}

#achat.caisse .space {padding:5px 0; line-height:0;}
#achat.caisse .vide {border-bottom: 0;}


/*********************************/
/*      Résumé                   */
/*********************************/

#achat.caisse .resume {padding:5px 30px 15px 30px;}
#achat.caisse .resume .box {text-align:center; background-color:#fcf9fa; border:1px solid #009ddc; padding:0 0 20px 0; height:140px;}
#achat.caisse .resume .box .cadre {background-color:#009ddc; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #fff; text-align:center; padding:3px 0;}
#achat.caisse .resume .box .nom {font-weight:bold; margin:20px 0 7px 0; font-size: 15px;}
#achat.caisse .resume .box.notification {}
#achat.caisse .navigation {text-align:center; margin-top:10px;}


@media (min-width: 992px) and (max-width: 1200px)  {
	#achat.caisse .montant {padding-right:70px;}
	#achat.caisse .soustotal-montant {padding:0px 70px 3px 0;}
	#achat.caisse .livraison-montant {padding:3px 70px 3px 0;}
	#achat.caisse .taxes-montant {padding:3px 70px 3px 0;}
	#achat.caisse .total-montant {padding:3px 70px 20px 0;}
	#achat.caisse .rabais-montant {padding-right:70px;}
	#achat.caisse .points-montant {padding-right:70px;}
	#achat.caisse .grandtotal-montant {padding:15px 68px 15px 0px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	#achat.caisse .montant {padding-right:40px;}
	#achat.caisse .soustotal-montant {padding:0px 40px 3px 0;}
	#achat.caisse .livraison-montant {padding:3px 40px 3px 0;}
	#achat.caisse .taxes-montant {padding:3px 40px 3px 0;}
	#achat.caisse .total-montant {padding:3px 40px 20px 0;}
	#achat.caisse .rabais-montant {padding-right:40px;}
	#achat.caisse .points-montant {padding-right:40px;}
	#achat.caisse .grandtotal-montant {padding:15px 38px 15px 0px;}
	#achat.caisse .navigation {text-align:right; padding-right:30px;}
}

@media (max-width: 767px) {
	#achat.caisse h1 {margin:10px 0 10px 0;}
	#achat.caisse .article {width: 60%;}
	#achat.caisse .article-photo {width:5%;}
	#achat.caisse .article-nom {width:55%;}
	#achat.caisse .cout {width:15%;}
	#achat.caisse .quantite {width:5%;}
	#achat.caisse .montant {width:18%; font-size:12px; padding-right:13px; text-align:right;}
	#achat.caisse .montant.tt {padding-right:20px;}
	#achat.caisse .supprime {width:2%;}
	#achat.caisse .table th.article {padding-left:40px;}
	#achat.caisse .article-photo {text-align:left; padding:7px 0px 7px 0px;}
	#achat.caisse .article-photo img {width:30px; height:30px;}
	#achat.caisse .article-nom {padding:7px 0px 7px 10px; font-size:13px;}
	#achat.caisse .cout {font-size:12px;}
	#achat.caisse .quantite {}
	#achat.caisse .quantite select {width:40px; padding: 5px 3px; font-size:12px;}
	#achat.caisse .horstaxe {padding:20px 0px 10px 40px;}

	#achat.caisse .soustotal-nom {font-size:12px; padding:15px 0px 0 0;}
	#achat.caisse .soustotal-montant {font-size:12px; padding:15px 10px 0 0;}
	#achat.caisse .livraison-nom {font-size:12px; padding:0px 0px 0 0;}
	#achat.caisse .livraison-montant {font-size:12px; padding-right:10px;}
	#achat.caisse .taxes-nom {font-size:12px; padding:0px 0px 0 0;}
	#achat.caisse .taxes-montant {font-size:12px; padding-right:10px;}
	#achat.caisse .total-nom {font-size:12px; padding:3px 0px 20px 0;}
	#achat.caisse .total-montant {font-size:12px; padding:3px 10px 20px 0;}

	#achat.caisse .rabais-nom {font-size:12px; padding:0px 0px 0 0;}
	#achat.caisse .rabais-montant {font-size:12px; padding:0px 10px 0 0;}
	#achat.caisse .table tr td.rabais-nom {padding-bottom: 3px;}
	#achat.caisse .table tr td.rabais-montant {padding-bottom: 3px;}

	#achat.caisse .points-nom {font-size:12px; padding:0px 0px 0 0;}
	#achat.caisse .points-montant {font-size:12px; padding:0px 10px 0 0;}
	#achat.caisse .table tr td.points-nom {padding-top: 0px;}
	#achat.caisse .table tr td.points-montant {padding-top: 0px;}

	#achat.caisse .grandtotal {font-size:14px; padding-right:8px;}
	#achat.caisse .grandtotal-montant {font-size:15px; padding-right:5px;}

	#achat.caisse .resume .box {margin-bottom:20px;}
	#achat.caisse .navigation {margin-top:5px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      ACHATS - ÉCHANGE (points)                                                                      */
/*                                                                                                     */
/*******************************************************************************************************/


#achat.echange .points {text-align:center;}
#achat.echange .points .question {font-size:18px; color:#009ddc; padding-bottom:5px;}
#achat.echange .points .equivalence {font-size:14px; font-weight:bold; padding-bottom:25px;}
#achat.echange .choix {text-align:left; margin-top:15px; margin-bottom:50px; padding-left:40px;}
#achat.echange .choix .btn-radio input {margin-right:10px;}
#achat.echange .choix .btn-radio label {font-weight:normal;}
#achat.echange .navigation {text-align: center;}


@media (min-width: 992px) and (max-width: 1200px)  {
	#achat.echange .choix {padding-left:0px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	#achat.echange .choix {padding-left:85px;}
}


@media (max-width: 767px) {	
	#achat.echange .points {text-align:left; margin-top:5px;}
	#achat.echange .choix {text-align:left; margin-top:15px; margin-bottom:50px; padding-left:15px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      ACHATS - PAIEMENT                                                                              */
/*                                                                                                     */
/*******************************************************************************************************/


#achat.caisse.transaction .paiement-montant {margin-bottom:25px; margin-top:0px;}
#achat.caisse.transaction .paiement-montant .cadre {background-color:#009ddc; font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #fff; text-align:center; padding:7px 0;}
#achat.caisse.transaction .paiement-montant .total {font-size:32px; text-align:center; padding-top:20px; color:#222;}
#achat.caisse.transaction .paiement-info {margin-bottom:0px; margin-top:0px;}
#achat.caisse.transaction .paiement-info .cadre {background-color:#009ddc; font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #fff; text-align:center; padding:7px 0;}
#achat.caisse.transaction .paiement-info .info {font-size:12px; padding:12px;}
#achat.caisse.transaction .paiement-info .cartes img {width:200px;}
#achat.caisse.transaction .paiement-info .info .espace {margin-top:12px;}
#achat.caisse.transaction .paiement-info .info .label {font-size:12px; padding-top:6px; color:#777; text-align:right;}
#achat.caisse.transaction .paiement-info .info .label.carte {padding-top:6px;}
#achat.caisse.transaction .paiement-info .info .label.exp {padding-top:3px;}
#achat.caisse.transaction .paiement-info .info .label.pin {padding-top:6px;}
#achat.caisse.transaction .paiement-info .info .alerte {text-align:center; font-size:12px; line-height:14px; font-weight:bold; background-color: #C00; color:#FFF; padding:7px 10px; margin:20px 20px; border-radius:5px;}
#achat.caisse.transaction .paiement-info .info .message {font-size:12px; color: #555; text-align:center; padding-left:30px; margin-top: 20px;}
#achat.caisse.transaction .paiement-info .info .message a {color: #555; text-decoration:underline;}

#achat.caisse.transaction .navigation {text-align:center; margin-top:40px;}
#achat.caisse.transaction .message {text-align:center; margin-top:35px; font-size:12px;}
#achat.caisse.transaction .message img {height:40px; padding-bottom:5px;}





/*******************************************************************************************************/
/*                                                                                                     */
/*      FOOTER                                                                                         */
/*                                                                                                     */
/*******************************************************************************************************/


footer {background-color:#000; color:#CCC}
footer .logo {text-align:center;}
footer .logo img {width:100%; max-width:275px;}
footer .slogan {color: #009ddc; text-align:center; font-size:18px; letter-spacing:1px;}
footer .slogan .couleur {color: #ca006c;}

footer .menu-footer {font-size:12px;}
footer .menu-footer ul { padding:0; padding-left:0;}

footer .menu-footer, footer .contact {padding-left:50px;}

footer .telephone {text-align:center; font-size:14px; margin-top:20px;}
footer .telephone span {font-size:26px; line-height:48px; letter-spacing:0.03em;}

footer .horaire {font-size: 13px;}
footer .horaire .jour {text-align:center; color: #ca006c; font-weight:600; padding:3px 5px 3px 0;}
footer .horaire .heure {text-align:left; padding:3px 5px;}
footer .contact h4 {margin:18px 0 12px 0;}
footer .contact h5.special a {color:#F90;}

footer .social {text-align:center; margin:auto;}
footer .social a i {font-size:26px; margin:5px 10px 5px 10px;}
footer .social a i.fa-facebook {color: #3b5998;}
footer .social a i.fa-twitter {color: #4099FF;}
footer .social a i.fa-instagram {color: #e95950;}
footer .social a i.fa-facebook:hover,
footer .social a i.fa-twitter:hover,
footer .social a i.fa-instagram:hover {color: #fff; text-decoration:none;}

.syclone {background-color:#000; color:#CCC; padding-bottom:100px;}

 
@media (min-width: 992px) and (max-width: 1200px) {
	footer .menu-footer, footer .contact {padding-left:30px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	footer .menu-footer, footer .contact {padding-left:15px;}
	footer .telephone span {font-size:20px; line-height:38px; letter-spacing: normal;}
}

@media (max-width: 767px) {
	footer	{padding-bottom:20px;}
	footer .logo img {width:100%; max-width:250px;}
	footer .menu-footer, 
	footer .contact {padding-left: inherit;}
	footer .contact	{font-size: 85%;}
	footer .contact.gauche {text-align:right;}
	footer .horaire .heure {padding:3px 0px;}
	footer .horaire .jour {padding:3px 10px 3px 0;}
	footer .contact .standard {}
	footer .contact.gauche .zone-horaire {text-align:right;}
	footer .contact.gauche .zone-horaire .box { }
	footer .contact.gauche .zone-horaire table {width: auto; margin-right: 0px; margin-left: auto;}
	footer .contact.gauche .special {padding-right: 22px}
	footer .contact.gauche .special.en {padding-right: 7px}

}

@media (min-width: 451px) and (max-width: 767px)  {
	footer .contact h4 {font-size: 15px;}
	footer .contact.droite {padding-right:0; padding-left:30px;}
}

@media (max-width: 450px) {
	footer .contact h4	{font-size: 13px;}
	footer .contact.droite {padding-right:0; padding-left:10px;}
}

@media (max-width: 350px) {
	footer .contact.gauche .zone-horaire .box {padding-right:0px;}
}



/*******************************************************************************************************/
/*                                                                                                     */
/*      MON COMPTE - COMMANDES / POINTS                                                                */
/*                                                                                                     */
/*******************************************************************************************************/


.compte-achats .table > thead > tr > th,
.compte-achats .table > tbody > tr > th,
.compte-achats .table > tfoot > tr > th {
	vertical-align: middle;
	border-top: 1px solid #dddddd;
	padding: 7px 0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	color: #fff;
	text-align: center;
	background-color:#009ddc;
	width:25%;
}

.compte-achats .table > thead > tr > td,
.compte-achats .table > tbody > tr > td,
.compte-achats .table > tfoot > tr > td {
	padding: 7px;
	vertical-align: middle;
	border-top: 1px solid #dddddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align: center;
}

.compte-achats {padding:0;}
.compte-achats .table {margin-top: 35px;}
.compte-achats .commande {width: 25%;}
.compte-achats .date {width: 25%;}
.compte-achats .montant {.width: 20%; .text-align:right; .padding-right:9%;}
/*.compte-achats .statut {width: 25%;}*/
.compte-achats .recolte {width: 25%; color: #5cb85c; font-weight:bold;}
.compte-achats .echange {width: 25%; color: #F33; font-weight:bold;}
.compte-achats .commande a {text-decoration:underline;}

.section_standard .pointsplus .titre {font-size:14px; color:#999; text-align:center; line-height:18px; padding:45px 0 0px 0px; }
.section_standard .pointsplus .chiffre {font-size:28px; text-align:center; margin-top:10px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
.section_standard .pointsplus .chiffre.disponibles {color:#5cb85c;}
.section_standard .pointsplus .chiffre.equivalent {color:#444; }
.section_standard .pointsplus .chiffre.echanges {color:#999;}
.section_standard .pointsplus .chiffre.economies {color:#444;}
.section_standard .pointsplus .chiffre .dollars {font-size:24px; color:#666;}



@media (min-width: 992px) and (max-width: 1200px)  {


}


@media (min-width: 768px) and (max-width: 991px)  {
	.section_standard .pointsplus .chiffre {font-size:28px;}
	.section_standard .pointsplus .chiffre .dollars {font-size:30px;}
}


@media (max-width: 767px) {
	.section_standard .pointsplus .chiffre {font-size:30px;}
	.section_standard .pointsplus .chiffre .dollars {font-size:25px;}
	.compte-achats .table > thead > tr > th,
	.compte-achats .table > tbody > tr > th,
	.compte-achats .table > tfoot > tr > th {font-size:13px;}
	.compte-achats .table > thead > tr > td,
	.compte-achats .table > tbody > tr > td,
	.compte-achats .table > tfoot > tr > td {font-size:11px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      MODALS                                                                                         */
/*                                                                                                     */
/*******************************************************************************************************/


.modal-open[style] {overflow: visible; padding-right: 0px !important;}
.modal-dialog {position: relative; margin: 30px auto;}
.modal {z-index:2000;}

#popup_login .modal-dialog {width: 500px; margin: 30px auto;}
#popup_recherche .modal-dialog {width: 500px; margin: 30px auto;}
#popup_valeurs .modal-dialog {width: 375px; margin: 30px auto;}
#popup_ingredients .modal-dialog {width: 757px;	margin: 30px auto;}
#popup_recette .modal-dialog {width: 757px;	margin: 30px auto;}
#popup_message .modal-dialog {width: 757px;	margin: 30px auto;}
#popup_points .modal-dialog {width: 757px;	margin: 30px auto;}
#modalisbloque .modal-dialog {width: 757px;	margin: 30px auto;}

#popup_recette .modal-body {padding:30px;}
#popup_recette .modal-body ul {padding-left:15px;}

.modal-header {background-color:#009ddc; border-radius: 10px 10px 0px 0px; color:#FFF; font-family: 'Open Sans Condensed', sans-serif; padding:20px 30px 15px 30px; border: 5px solid #fff;}
.modal-header .modal-title {font-size: 40px; line-height: 46px;}
.modal-header h4 {font-size: 30px; line-height: 36px;}
.modal-header h5 {font-size: 18px; line-height: 14px;}
.modal-header .close {float: right; padding-left:20px; font-size: 24px; font-weight: bold; line-height: 1; color: #fff; text-shadow: none; filter: alpha(opacity=100); opacity: 1;}
.modal-header .close:hover,
.modal-header .close:focus {color: #000; filter: alpha(opacity=70); opacity: .7;}

.modal-footer  {height:85px; background-color:#111; border-radius: 0px 0px 10px 10px; border: 5px solid #fff;}
.modal-footer span  {float:right; padding-right:15px;}
.modal-backdrop.in {opacity:0.7 !important;}

.modal-valeurnutritive .table {font-size:13px; font-family:Arial, Helvetica, sans-serif; margin: 10px 0 15px 0;}
.modal-valeurnutritive .table > thead > tr > th,
.modal-valeurnutritive .table > tbody > tr > th,
.modal-valeurnutritive .table > tfoot > tr > th,
.modal-valeurnutritive .table > thead > tr > td,
.modal-valeurnutritive .table > tbody > tr > td,
.modal-valeurnutritive .table > tfoot > tr > td {padding: 5px 0; line-height: 1; vertical-align: top; border-top: none; border-bottom: 1px solid #bbb;}
.modal-valeurnutritive .table > thead > tr > th {vertical-align: middle; border-bottom: 3px solid #bbb; font-size:16px; color: #ca006c;}
.modal-valeurnutritive .table > tbody > tr.thick > td {border-bottom: 5px solid #555;}
.modal-valeurnutritive .table-valeurs_A	{text-align:left; font-size:14px; font-weight:bold; color:#000;}
.modal-valeurnutritive .table-valeurs_B	{text-align:left; color:#666;}

.modal.confirmation  {padding:30px 0 0 0px; font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:30px;}
.modal.confirmation .modal-header  {padding:15px 15px 15px 20px;}
.modal.confirmation .modal-body  {padding:30px 30px 0 30px;}
.modal.confirmation .modal-body a  {color: #ca006c;}
.modal.confirmation .modal-footer  {padding:0px 30px 30px 0; height:65px; background-color: #fff; border-radius: 0px 0px 10px 10px; border: 5px solid #fff; font-family:Arial, Helvetica, sans-serif;}
.modal.confirmation .modal-footer span  {float:right; padding-right:15px;}


#popup_points .modal-body {padding:20px 30px;}
#popup_points .modal-body h2 {color:#ca006c;}
#popup_points .modal-body h4 {color:#009ddc; margin-top:35px; font-weight:bold;}

#popup_login .modal-body h3.deja {color:#337ab7; font-size:21px; margin:0 0 10px 0;}
#popup_login .modal-body h3.nouveau {color:#ca006c; font-size:21px; margin:0 0 10px 0;}
#popup_login .modal-body h5 {color:#ca006c; margin:10px 0 10px 5px;}
#popup_login .modal-body label {margin-left:5px;}
#popup_login .modal-body .btn-login-modal {margin:5px 0 40px 0;}
#popup_login .modal-body .btn-signup-modal {}
#popup_login .modal-body .experience {padding:0px 25px 20px 0;}
#popup_login .modal-body .assistance {padding:40px 25px 0px 0; font-size:12px; font-weight:bold;}

#paiement_popup {background-color:transparent !important; text-align:center;}
#paiement_popup .modal-dialog {background-color:transparent !important; text-align:center; top:20%;}
#paiement_popup .modal-content {background-color:transparent !important; text-align:center; box-shadow:none !important; border:none;}
#paiement_popup .modal-body {background-color:transparent !important; text-align:center;}
#paiement_popup .modal-body .fa {font-size:200px; color:#009ddc;}
#paiement_popup .modal-body .traitement {font-size:30px; color:#fff; margin-top:30px;}


@media (max-width: 767px) {
	#popup_recherche .modal-dialog {width: auto; margin: 30px auto;}
	#popup_valeurs .modal-dialog {width: 375px; margin: 30px auto;}
	#popup_login .modal-dialog {position: relative; width: auto; xmargin: 0px -15px 0 0;}
	#popup_ingredients .modal-dialog {position: relative; width: auto; xmargin: 0px -15px 0 0;}
	#popup_recette .modal-dialog {position: relative; width: auto; xmargin: 0px -15px 0 0;}
	#popup_message .modal-dialog {position: relative; width: auto; xmargin: 0px -15px 0 0;}
	#popup_legende-valeurs .modal-dialog {position: relative; width: auto; xmargin: 0px -15px 0 0;}
	#popup_legende-allergenes .modal-dialog {position: relative; width: auto; xmargin: 0px -15px 0 0;}
	#popup_points .modal-dialog {position: relative; width: auto; xmargin: 0px -15px 0 0;}	
	#modalisbloque .modal-dialog {position: relative; width: auto; xmargin: 0px -15px 0 0;}
	.modal, 
	.modal-header, 
	.modal-content, 
	.modal-body, 
	.modal-footer {border-radius: 0px;}
	#popup_legende-valeurs .modal-body {font-size: 13px; padding:10px;}
	#popup_legende-allergenes .modal, 
	#popup_legende-allergenes .modal-header, 
	#popup_legende-allergenes .modal-content, 
	#popup_legende-allergenes .modal-body, 
	#popup_legende-allergenes .modal-footer {border-radius: 0px;}
	#popup_legende-allergenes .modal-body {font-size: 13px; padding:10px;}
	.modal-header .modal-title {font-size: 36px; line-height: 40px;}
	.modal-header h4 {font-size: 24px; line-height: 24px;}
}

@media (max-width: 450px) {
	#popup_valeurs .modal-dialog {width: auto; margin: 0px 0 0 0;}
	#popup_valeurs .modal, 
	#popup_valeurs .modal-header, 
	#popup_valeurs .modal-content, 
	#popup_valeurs .modal-body, 
	#popup_valeurs .modal-footer {border-radius: 0px;}
}


@media (min-width: 768px) {
	.modal-open[style] {overflow: visible; padding-right: 0px !important;}
	.modal-dialog {position: relative; margin: 30px auto;}
}


/*********************************/
/*      Erreurs                  */
/*********************************/

.modal-dialog.erreur {width: 500px; margin: 30px auto;}
.modal-dialog.erreur .modal-header {background-color:#fff; border-radius: 10px 10px 0px 0px; color:#FFF; font-family: Helvetica, Arial, "sans-serif"; padding:15px 0 0 15px;}
.modal-dialog.erreur .modal-header h3 {font-size: 20px; color:#C00F12; text-transform: uppercase;}
.modal-dialog.erreur .modal-header .close {float: right; padding-left:20px; font-size: 24px; font-weight: bold; line-height: 1; color: #fff; text-shadow: none; filter: alpha(opacity=100); opacity: 1;}
.modal-dialog.erreur .modal-header .close:hover,
.modal-dialog.erreur .modal-header .close:focus {color: #000; filter: alpha(opacity=70); opacity: .7;}
.modal-dialog.erreur .modal-body {padding:0 20px 0 20px;}
.modal-dialog.erreur .modal-body h4 {color:#000; font-size:15px; padding-bottom:5px;}
.modal-dialog.erreur .modal-footer  {height:auto; background-color:#fff; border-radius: 0px 0px 10px 10px; padding:15px;}
.modal-dialog.erreur .modal-footer span  {float:right; padding-right:15px;}


@media (max-width: 767px) {
	.modal-dialog.erreur {width: 375px; margin: 30px auto;}
	.modal-dialog.erreur {position: relative; width: auto; xmargin: 0px -15px 0 0;}
}




/*********************************/
/*      Spin                     */
/*********************************/

#spin_popup {background-color:transparent !important; text-align:center;}
#spin_popup .modal-dialog {background-color:transparent !important; text-align:center; top:20%;}
#spin_popup .modal-content {background-color:transparent !important; text-align:center; box-shadow:none !important; border:none;}
#spin_popup .modal-body {background-color:transparent !important; text-align:center;}
#spin_popup .modal-body .fa {font-size:200px; color:#009ddc;}
#spin_popup .modal-body .traitement {font-size:30px; color:#fff; margin-top:30px;}





/*******************************************************************************************************/
/*                                                                                                     */
/*      TABLEAUX                                                                                       */
/*                                                                                                     */
/*******************************************************************************************************/


#popup_points .table {width: 100%; max-width: 100%; margin: 20px auto;}

#popup_points .table > thead > tr > th,
#popup_points .table > tbody > tr > th,
#popup_points .table > tfoot > tr > th,
#popup_points .table > thead > tr > td,
#popup_points .table > tbody > tr > td,
#popup_points .table > tfoot > tr > td {padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 0px solid #ddd;}

#popup_points .table > thead > tr > th {vertical-align: bottom; border-bottom: 0px solid #ddd;}

#popup_points .table .rangee-entete {background-color:#000; border-bottom:5px solid #fff;}

#popup_points .table .entete1 {text-align:center; font-weight:bold; font-size:13px; color:#FFF; vertical-align:middle;}
#popup_points .table .entete2 {text-align:center; font-weight:bold; font-size:13px; color:#FFF; vertical-align:middle;}
#popup_points .table .entete3 {text-align:center; font-weight:bold; font-size:13px; color:#FFF; vertical-align:middle;}

#popup_points .table .rangee1 {background-color:#f7f7f7; border-bottom:2px solid #fff;}
#popup_points .table .rangee2 {background-color:#f7f7f7; border-bottom:2px solid #fff;}

#popup_points .table .cellule1 {text-align:center; font-weight:bold; font-size:11px; vertical-align:middle; color: #222; width:33%;}
#popup_points .table .cellule2 {text-align:center; font-weight:bold; font-size:11px; vertical-align:middle; color: #222; width:34%;}
#popup_points .table .cellule3 {text-align:center; font-weight:bold; font-size:11px; vertical-align:middle; color: #222; width:33%;}


@media (max-width: 767px) {
	#popup_points .table {margin-top: 0px;}
	#popup_points .table .entete {font-size:11px;}
	#popup_points .table .cellule1 {font-size:10px; padding-left:15px;}
	#popup_points .table .cellule2 {font-size:10px;}
	#popup_points .table .cellule2 .visible-xs a,
	#popup_points .table .cellule2 .visible-xs a:hover,
	#popup_points .table .cellule2 .visible-xs a:focus,
	#popup_points .table .cellule2 .visible-xs a:active {text-decoration:none;}
	#popup_points .table#popup_points .tableau-stats2 .cellule2 {padding-left:0px;}
	#popup_points .table .glyphicon-ok {font-size:13px;}
	#popup_points .table .glyphicon-zoom-in {font-size:14px;}
}

@media (min-width: 400px) {
}

@media (max-width: 359px) {
	.section-texte#popup_points .tableau {padding:50px 15px;}
	#popup_points .table .cellule1 {padding-left:15px;}
	.masque-xs {visibility:hidden}
}