/*
Style pour le plugin programme-alimentaire
*/
.mc4wp-checkbox-wp-registration-form span{margin-left: 5px;}
.bxccop{color: #FA5742;font-family: "Cooper", Sans-serif;font-size: 32px;font-weight: 600;line-height: 32px;}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  font-weight: bold;
  transition: 0.4s;
}

.active, .accordion:hover {
	background-color: #fa5742;
    color: white;
}

.accordion:after {
  content: '\002B';
  /*color: #777;*/
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
  color: white;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel p{font-weight: 400;text-align: left;font-size: 14px;}
.filter{float: left;}
.js-filter-rec-dej, .js-filter-rec-diner{margin-left: 10px;padding: 8px 22px;font-size: 14px;}
.recettes{clear: both;}
.blocfiltre{padding: 25px 0px;float: left;}
.rowlistcourse h2 {background-color: #232223;color: white;padding: 10px 20px;text-align: center;margin-top: 0px;}
.rowlistcourse .col-md-6{padding: 0px;float: none;
/*border-right: 1px solid #232323;
border-bottom: 1px solid #232323;*/}
.tabcourse{width: 100%;margin-bottom: 15px;}
.rowlistcourse .col-md-6 p{margin: 0px;padding: 10px;}
.resultatcalories.modifcal .centrer{margin-top: 20px;}
#pl-4698{display: none;}
.majrouge{color: #fa5742!important;text-transform: uppercase;}
.step{margin: auto;width: 400px;margin: 0px auto 20px auto;}
.rowmenuhtml h2{font-size: 16px;}
.rowmenuhtmlheader{background-color: #232223;}
.rowmenuhtmlheader h2{color: white;}
/*.notloged  #content, .notloged  .awaken-navigation-container, .notloged .hero-text{display:none;}
.notloged .hero-image{height: 600px;}*/
.clear{clear: both;}
.error {padding: 5px 22px;
    color: red;
    font-size: 1.2em;
    font-weight: bold;}
.resultatcalories {
	text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}
.caloriesrecette{color: #fa5742;}
/*formulaire*/
form.progform {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 600px;
    /* Pour voir les limites du formulaire */
    padding: 1em;
    border: 1px solid #CCC;
	border-radius: 15px;
	box-shadow:2px 2px 10px gray; 
	-moz-box-shadow:2px 2px 10px gray;
	-webkit-box-shadow:2px 2px 10px gray	
}
form.progform  div + div {
    margin-top: 1em;
}
form.progform label {
    display: inline-block;
    width: 180px;
}
form.progform label.lableft{width: 165px;}
form.progform  input:focus, form.progform  textarea:focus {
    /* Afin de rehausser les éléments actifs */
    border-color: #000;
}
input.inputpoids{width: 50px;}
.centrer{text-align: center;}

form.progform input[type=checkbox] {
  vertical-align: middle;
  position: relative;
  bottom: 2px;
}
/*slick*/
.slick-prev:before, .slick-next:before {
    color: black!important;
}
.slick-slide {
    margin: 0px 20px!important;
}
.slick-prev, .slick-next{top: 70px!important;}
.slick-slide label {cursor: pointer;}
.slick-slide label > input  + img {
    cursor: pointer;
}
.slick-slide label {
    padding: 1em;
    border: 1px solid #CCC;
	border-radius: 15px;
	box-shadow:2px 2px 10px gray; 
	-moz-box-shadow:2px 2px 10px gray;
	-webkit-box-shadow:2px 2px 10px gray;
	min-height: 295px;	
}	
.slick-slide label > input:checked  + img  {
	border: 10px solid #fa5742;
}
.slick-slide label> input {
    visibility: hidden;
    position: absolute;
}
.tabdispmenu .column-2,.tabdispmenu .column-3,.tabdispmenu .column-4,.tabdispmenu .column-5{width:10%;text-align: center;}
/*Votre menu*/
.couleurrouge{color: #fa5742;}
.tabmenu input[type="text"]{width: 100%;border: none;}
.tabmenu .column-1{width:31%;}
.tabmenu .column-3{width:5%;}
.tabmenu .column-4{width:5%;}
.tabmenu .column-5{width:5%;}
.tabmenu .column-6{width:5%;}
.tabidpost{display: none;}
.tabmenu  .column-1{border-top-left-radius:5px;}
.tabmenu  .column-6{border-top-right-radius:5px;}
#nommenu{border: 1px solid #eeeeee;}
.recapcallories {text-align:center;margin-bottom: 40px;margin-top: 40px;}
.recapcallories input{    font-size: 2em;
    border: 1px solid #CCC;
    width: 150px;}
.recapnutriments{margin-bottom: 50px;}
.recapnutriments label{width:120px;}
.bgrecapnut{
    padding: 10px;
    border: 1px solid #ccc;}
.bgrecapnut input,#prot_par_kilo{width:50px;}
.recettepremium label{background-color: #ccc;}
.titreprog{ margin-bottom: 20px;margin-top: 0px;}
.titreprog3{ margin-bottom: 30px;margin-top: 30px;color: #fa5742;font-weight: bold;float: left;min-width: 110px;}
select{padding: 8px;}
.protparkilo.col-sm-12{margin-bottom: 50px;}
/*Pricing table*/
.pricing {
	text-align: center;
	border: 1px solid #f0f0f0;
	color: #777;
	font-size: 14px;
	padding-left: 0;
	margin-bottom: 30px;
  /*font-family: 'Lato';*/
}
.pricing li:first-child,
.pricing li:last-child {
	padding: 20px 13px;
}
.pricing li {
	list-style: none;
	padding: 13px;
}
.pricing li + li {
	border-top: 1px solid #f0f0f0;
}
.pricing big {
	font-size: 32px;
}
.pricing h3 {
	margin-bottom: 0;
  font-size: 36px;
}
.pricing span {
	font-size: 12px;
	color: #999;
	font-weight: normal;
}
.pricing li:nth-last-child(2) {
	padding: 30px 13px;
}
.pricing button {
	width: auto;
	margin: auto;
	font-size: 15px;
	font-weight: bold;
	border-radius: 50px;
	color: #fff;
	padding: 9px 24px;
	background: #aaa;
	opacity: 1;
	transition: opacity .2s ease;
  border: none;
  outline: none;
}
.pricing button:hover {
	opacity: .9;
}
.pricing button:active {
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.fa-check{color: #31BB56;}
#fa-check-prot-par-kilo,#fa-check-total_calories{display:none;}
/* pricing color */
.p-green big,
.p-green h3 {
	color: #31BB56;
}
.p-green button {
	background: #31BB56;
}
.p-yel big,
.p-yel h3 {
	color: #FA9D42;
}
.p-yel button {
	background: #FA9D42;
}
.p-red big,
.p-red h3 {
	color: #fa5742;
}
.p-red button {
	background: #fa5742;
}
.p-blue big,
.p-blue h3 {
	color: #204c79;
}
.p-blue button {
	background: #204c79;
}
/*responsive*/
@media (max-width: 600px){
	form.progform {width: 100%;}
	form.progform label {display: block;width: 100%;}
	.btndroitinscription .boutonbleu{margin-top: 20px;}	
	.blocfiltre {float: none;margin: 0px 0px 30px 0px;padding: 0px 0px 25px 0px;}	
	.titreprog3 {float: none;}
}
@media (min-width: 600px){
	.rowmenuhtml{width: 100%;}
	.resultatcalories.modifcal{margin-left: auto;margin-right: auto;}
	.rowlistcourse .col-md-6{display: table-cell;}
	.btndroitinscription{margin-left: 5%;}
}