#FormElements{padding-bottom:50px;}
.container {
  display: block;
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top:3px;
}
.MenuEditable{background-color:lightblue;border:2px solid blue;opacity:0.7;z-index:999;}
/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmarkcheckbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}
.checkmarkradio {
  position: absolute;
  top: 0;
  left: 5px;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmarkradio {
  background-color: #ccc;
}
.container:hover input ~ .checkmarkcheckbox {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmarkradio {
  background-color: #2196F3;
}
.container input:checked ~ .checkmarkcheckbox {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkradio:after,.checkmarkcheckbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmarkradio:after {
  display: block;
}
.container input:checked ~ .checkmarkcheckbox:after {
  display: block;
}

.container .checkmarkcheckbox:after {left: 7px;top: 2px;width: 4px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.container .checkmarkradio:after {top: 6px;left: 6px;width: 8px;height: 8px;border-radius: 50%;background: white;}




.AddObj{width:30px;height:30px;cursor:pointer;background:url('../images/add.png');background-repeat:no-repeat;background-position:center;background-size:cover;}
.Thumb2{width:150px;height:180px;background-position:center;background-repeat:no-repeat;background-size:cover contain;border:1px solid gainsboro;}
.Phot,.Col{cursor:pointer;}

.TabEl{font-size:18px;padding:20px;border-bottom:1px solid #ddd;cursor:pointer;border:content: "max-content";flex-basis:100%;}
.val,.val2{display:table-cell;padding:6px;cursor:pointer;font-size:18px;}
.FlexForm{display:flex;flex-wrap:nowrap;width:100%;justify-content:space-between;flex-basis:100%;}
.FlexForm2{display:flex;justify-content:flex-start;flex-flow: row wrap;padding:5px;}
.FlexForm > * {flex: 1 1 auto;}
.FlexRowForm{display:flex;flex-direction:row;}
.QuizCont{min-height:60vh;position:relative;}
.Quiz{min-height:60vh;cursor:pointer;z-index:998;}
.Quiz div img{max-width:100%;height:auto;}
.QuizR{cursor:pointer;z-index:998;}
.QuizR div img{max-width:100%;height:auto;}
.drap{width:20px;height:20px;padding:10px 20px 10px 20px;cursor:pointer;}
/*login*************************/
#login{width:200px;position:relative;top:-3px;z-index:100;float:right;display:none;padding:10px;background-color:#FFF;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));background-image: -webkit-linear-gradient(top, #ffffff, #eae8e8);background-image: -moz-linear-gradient(top, #ffffff, #eae8e8);background-image: -ms-linear-gradient(top, #ffffff, #eae8e8);background-image: -o-linear-gradient(top, #ffffff, #eae8e8);background-image: linear-gradient(top, #ffffff, #eae8e8);}
#login_form{margin-left:auto;margin-right:auto;}
#login_close{position:relative;left:170px;top:-5px;height:0px;cursor:pointer;}
#logoff{display:block;}
#logoff2{display:none;}
.Login{position:absolute;left:5px;bottom:5px;}
.to_pdf,.modif{margin-top:10px; cursor:pointer;}
.to_pdf{height:25px;}
.txt_areaMore,.ITMail{width:530px;}
#mess{width:100%;height:240px;}
.dustbin{background:url('../images/dustbin.png');}
.dustbin{right:5px;position:relative;margin:5px;width:20px;height:20px;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:contain;}
.Excel,.Excel2{background:url('../images/ext/excel.png');}
.Excel{right:10px;position:relative;margin:5px;width:30px;height:30px;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:contain;}
.Excel2{position:relative;display:table-cell;right:0px;top:-5px;margin:5px;width:25px;height:25px;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:contain;}
.ListEx{background:url('../images/list.png');}
.ListEx{right:5px;position:relative;margin:5px;width:30px;height:30px;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:contain;}
.ListPrint{background:url('../images/print.png');}
.ListPrint{right:2px;position:relative;margin:5px;width:30px;height:30px;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:contain;}

.form_answ{margin-left:auto;margin-right:auto;display:block;text-align:left;color:grey;border:1px solid gainsboro;cursor:pointer;width:540px;color:grey;}
.CookieImage{position:absolute;right:150px;bottom:50px;}
.breakafter {page-break-after: always;}
.form_table{width:100%;}
.form_line{margin-left:auto;margin-right:auto;display:table-block;border-bottom:1px solid #ddd;text-align:left;padding:10px;}
.form_line3{margin-left:auto;margin-right:auto;display:table-block;border-bottom:1px solid #ddd;text-align:left;padding:0px;}
.form_line2{margin-left:auto;margin-right:auto;display:table-block;text-align:left;padding:10px;width:45%;}
.form_line4{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;}
.form_rub{display:table-cell;width:450px;padding:5px;vertical-align:top;font-family:Arial, Helvetica, sans-serif;font-weight:400;}
.form_rub4{font-size:18px;width:150px;text-align:right;padding:25px 10px 10px 0px;}
.form_val,{display:table;padding:0px 0px 5px 0px;vertical-align:middle;text-align:left;}
.form_val2{display:table;padding:10px 0px 5px 0px;vertical-align:middle;text-align:left;}
.form_val_If{width:80vw;}
.form_val1{display:table-cell;padding:10px;vertical-align:middle;text-align:left;}
.form_select{font-size:12px;}
.form_check{position:relative;top:0px;}
.form_check_val_in{position:absolute;}
.form_check_rub{display:table-cell;width:35px;height:20px;}
.form_check_val{display:table-cell;margin:20px;}
.form_text{width:50%;}
.form_text2{width:300px;}
.button2{font-size: 14px;background-color: #ADD8E6;height: 22px;width: 180px;}
.link_form{display:none;cursor:pointer;}
.in_area,.txt_area,.txt_areaMore,.ITMail,.ITDateCont,.ITDate{border-radius:0px;border:1px solid #ddd;}
.in_area,.txt_area,.txt_areaMore ,.ITMail,.ITDateCont,.ITDate{font-family: Arial, Helvetica, sans-serif;font-size:16px;padding: 4px 4px 4px 4px;margin: 4px 0px 0px 4px;display: inline-block;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
.menu_list {font-size:16px;padding: 4px 0px;margin: 4px 4px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;display:table-cell;}
.menu_list {padding: 4px 0px 4px 10px;margin: 4px 4px;display:table-cell;}
.menu_list2 {font-family: Arial, Helvetica, sans-serif;font-size:16px;padding: 4px 0px 0px 10px;margin: 4px 4px;display:table-cell;}
.menu_list2 {padding: 4px 0px 0px 10px;margin: 4px 4px;display:table-cell;}
.menu_list3 {font-family: Arial, Helvetica, sans-serif;font-size:16px;padding: 4px 0px 0px 0px;margin: 4px 4px 0px 0px;display:table-cell;cursor:pointer;}
.menu_list3 {padding: 4px 0px;margin: 4px 4px;display:table-cell;cursor:pointer;}

.table_cell{display:table-cell;vertical-align:top;padding-right:5px;padding-left:2px;}
.table_cell2{display:table-cell;vertical-align:top;padding-right:5px;padding-left:7px;}
.block{display:block;}
.ingr_w{width:300px;}
.infos_w{padding-top:5px;}
.line{padding:10px;display:table;}
.SousRub{width:90%;border-top:1px solid #ddd;}
.FlexRub{width:30%;padding-top:10px;}
.FlexValue{width:70%;}
.PTableCell2,.PTableCell4{display:table-cell;padding-left:15px;}
.tab_val4{padding:15px;display:table-row;margin:25px 15px 25px 15px;vertical-align:top;text-align:left;font-size:18px;}
.PTableCell2{padding-left:15px;}

.tab0{display:block;}
.tab1{display:block;padding-top:12px;;}
.tab2{display:table-cell;vertical-align:top;padding-right:5px;padding-left:10px;width:100px;}
.tab_cell,.tab_cell2{display:table-cell;vertical-align:top;padding-right:5px;padding-left:10px;}

.menusADM{border-top:1px solid gainsboro;padding:25px;font-size:24px;font-weight:bolder;}
.PTableCell5{padding:5px;}
.ADMHideLine{border-bottom:1px solid gainsboro;padding:20px 0 20px 0;}
a.LinkADM{color:gray;font-size:18px;border:1px solid gray;border-rounder:5px;padding:10px;}
.LinkADM:hover{color:white;background-color:gray;}
.lineBt{padding:25px;}
.tit_val{text-align:center;font-size:18px;font-weight:bold;padding:25px;}
.tit_line{text-align:center;font-size:16px;font-weight:none;padding:5px;}
.FormUp{background:url('../images/up.png');}
.FormDown{background:url('../images/down.png');}
.addForm{background:url('../images/addBlue.png');}
.extendF{background:url('../images/extend.png');}
.FormUp,.FormDown,.FormBlank,.addForm,.extendF{top:7px;position:relative;margin:5px;width:30px;height:30px;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:contain;}
/* iPad portrait */
@media only screen and (max-width : 1400px) {
.filt_buttonC,.cook_button,.menu_act_button,.cook_act_button,.cad_act_button,.alim_button,.recet_button,.art_button2,.editR_button,.editR_button2,.L_rec_button,.L_list_button,.L_art_button,.L_set_button,.filt_button,.cad_button,.add_button,.rec_button,.list_button,.art_button,.set_button,.opt_button{
width:50px;
height:50px;
}
.link_form{display:block;}
.link_form2{display:none;}}
.add_button{right:10px;top:65px;}
.opt_button{right:10px;top:72px;}
.recet_button{right:10px;top:3px;}
.L_set_button,.set_button{right:10px;top:3px;}
.editR_button{right:80px;top:65px;}
.editR_button2{right:80px;top:3px;}
.L_art_button{right:80px;top:3px;}
.L_list_button{right:80px;top:3px;}
.filt_button{right:80px;top:3px;}
.filt_buttonC{right:80px;top:3px;}
.alim_button{right:80px;top:3px;}
.art_button2{right:80px;top:3px;}
.list_button{right:80px;top:3px;}
.art_button{right:150px;top:65px;}
.cad_act_button{right:150px;top:3px;}
.cad_button{right:150px;top:3px;}
.menu_act_button{right:220px;top:3px;}
.rec_button{right:220px;top:3px;}
.L_rec_button{right:220px;top:3px;}
.cook_button,.cook_act_button{right:290px;top:3px;}

.image_rec_list,.lazy{width:37vw;}
.image_rec{width:37vw;}
.title_rec,.title_rec_list,.title_bar{font-size:24px;}
.tab_info{font-size:14px;}
.title_bar{height:60px;}
.ingr_w{width:30vw;}
.image_rec3{width:100%;}
.form_answ{width:77vw;}

.par_menu{padding-top:10px;}

#search{font-size:24px;}
.art_quant{font-size:16px;}
.L_title_bar{height:30px;font-size:24px;padding-top:60px;z-index:99;border-bottom:1px solid lightgrey;}
.L_title_bar2{position:fixed;height:30px;font-size:24px;padding-top:0px;z-index:9999;border-bottom:1px solid lightgrey;top:60px;width:100%;background-color:#fff;}
}
@media only screen and (max-width : 1250px){
.form_rub,.in_area,.txt_area,.form_val{display:table-row;}       
.form_line2{padding:10px 0px 10px 5px;}
.form_answ{width:680px;}
.form_answ2{width:677px;}
.form_line{margin:0 0 0 0px;padding:10px 0px 10px 2px;width:100%;}
.form_line3{width:40vw;}
.form_rub4{text-align:center;padding-right:0px;}
.cell2{width:67vw;}
.button3{width:100px;}
}

@media only screen and (max-width : 950px){
.TabEl{padding:10px;}
.SmallS{display:block;}
.val2{display:none;}
.tab_val{display:block;}
.form_answ2{width:77vw;}
.SousRub{width:90vw;}
.FlexRub{width:40vw;}
.ITMail,.FlexValue{width:60vw;}
.ExtForm{width:90vw;}
.txt_areaMore{width:40vw;}
.form_line2{width:100%;}
.CookieImage{left:20px;}
}
/* iPhone portrait */
@media only screen and (max-width : 170px) and (orientation : portrait) {//570px.form_line{margin:auto;text-align:left;display:table-block;padding:10px;}

.Quiz div img{max-width:80vw;}
.form_rub,.form_val{display:table-row;width:87vw;padding:10px;font-size:14px;}       
.form_check_rub{height:1px;}
.form_line{padding-left:20px;}
.form_check_val_in{position:relative;top:10px;padding-left:10px;width:80vw;}
.form_check{padding-bottom:40px;}
.Art_moins,.Art_plus{margin:5px;}
.tab2{display:block;}
.tab_cell{font-size:8px;padding-right:0px;padding-left:5px;padding-top:5px;}
.tab_cell2{font-size:14px;padding-right:0px;padding-left:5px;}
.tab_info{display:none;}
.title_bar_text,.title_bar_Ltext{display:none;}
.title_bar{height:50px;z-index:999;}
.checked_ok,.checked_ko{padding:10px;}
.L_title_bar{height:30px;font-size:24px;}
.checked_ok,.checked_ko{width:12px;height:10px;}
.RecPers_plus,.RecPers_moins{width:20px;height:20px;}
.image_rec_list,.image_rec,.lazy{width:35vw;}
.ingr_w{width:100vw;}
.RecPers{font-size:22px;padding-top:15px;}
.title_rec_list{font-size:18px;}
.par_menu{height:60px;}
}