#content { margin-bottom: 50px; }
#content .bg_white.fr, #popin_tooltip { width: 595px; }
#content .fl { position: relative; }

#percent { margin-top: 35px; width: 280px; padding: 2px; font-size: .9em; }
#percent_graph { position: absolute; top: 0; left: 0; height: 100%; z-index: 1; }
#precent_txt { position: relative; z-index: 99; }

#form_inputs { padding: 20px; width: 350px; margin-bottom: 20px; border-bottom: 1px solid #cecece; }
#form_inputs .inputInline input, #form_inputs .inputInline label { display: inline; font-size: 0.95em; }
#form_inputs .inputInline input { width: 35%; text-align: right; margin-top: 10px; }
#form_inputs .inputInline .fr { width: 31%; }
#form_inputs .inputInline .fr input { width: 72%; }
#form_inputs .inputInline .input_30 .fr { width: 30%; }
#form_inputs .inputInline .input_30 .fr .input_indication { width: 67%; }
#form_inputs input.input_indication { padding-right: 18px; width: 25%; }
#form_inputs .input_plus { margin-left: -20px; }
#form_inputs .readonly label { font-weight: normal; margin-top: 5px; }
#content #form_inputs .readonly input { border: none; margin-top: 0; }
#form_inputs .input_err { border: 1px solid #f00; }

#form_inputs p.tab_close, #form_inputs p.tab_open { cursor: pointer; }
#form_inputs p.tab_close { background: url(../template/img/tab_close.png) no-repeat center right; }
#form_inputs p.tab_open { background: url(../template/img/tab_open.png) no-repeat center right; }

#form_control { font-size: .8em; }
#form_control a { text-decoration: underline; }
#form_control .btn_control{ color:#fff;}
.btn_control { padding: 5px 15px; margin-right: 10px; cursor: pointer; }

#form_preview table { width: 100%; }
#form_preview #parent_table { border: 2px solid #000; }
#form_preview p { margin: .2em 0; }
#form_preview .child_table td { padding: 10px; }
#form_preview .border_top { border-top: 1px solid #000; }
#form_preview .border_bottom { border-bottom: 1px solid #000; }
#form_preview .border_left { border-left: 1px solid #000; }
#form_preview .border_right { border-right: 1px solid #000; }

.step_title { margin: .2em 0; font-size: 1.1em; }

label i { color: #f00; }
label, input, select, textarea { display: block; font-size: 0.85em;}
input, select, textarea { margin: 5px 0; padding: 5px; }
label { font-weight: bold; margin-top: 15px; position: relative; }
input, select, textarea { border: 1px solid #c0c0c0; width: 95%; }
input, textarea { width: 95%; }
select { width: 98%; }
#lab_email { margin-top: 0; }

.label_tooltip { position: absolute; right: 5px; cursor: pointer; height: 19px; width: 20px; background: transparent url(../template/img/tooltip.png) no-repeat center center; }

.label_tooltip.tt_label { right: -40px; }
.label_tooltip.tt_p { right: 50px; }

#popin_tooltip { position: absolute; top: 0; left: 395px; }
#popin_tooltip a { color: #fff; font-weight: bold; text-decoration: underline; }
#popin_tooltip_close { position: absolute; right: 8px; top: 0; font-size: 1.5em; cursor: pointer; }
#popin_tooltip_content { padding: 30px 20px; }

.ui-datepicker-trigger { vertical-align: middle; margin-left: 5px; padding-bottom: 3px; cursor:pointer }
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-clearfix{min-height:0}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:250px;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:0;font-size:22px}.ui-datepicker .ui-datepicker-prev{left:5px}.ui-datepicker .ui-datepicker-next{right:5px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%;float:left;padding:0;margin:0 2px}.ui-datepicker table{width:100%;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:center;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget-content{border:1px solid #eee;background-color:#fff}.ui-widget-header{background-color:#008000;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d8dcdf;background-color:#eee}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#004276;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{font-weight:bold;cursor:pointer}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#111;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{background-color:#fff;font-weight:bold;color:#008000}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#c00;text-decoration:none}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#444}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #c00;background-color:#f3d8d8;color:#2e2e2e}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#2e2e2e}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#2e2e2e}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-widget-overlay{background-color:#a6a6a6;opacity:.4;filter:Alpha(Opacity=40)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background-color:#333;opacity:.1;filter:Alpha(Opacity=10);border-radius:8px}

.select2-container { display: block; padding-top: 5px; min-width: 200px;}
.select2-container .select2-choice {
    border-radius: 0 3px 3px 0;  -moz-border-radius: 0 3px 3px 0;  -o-border-radius: 0 3px 3px 0;  -ms-border-radius: 0 3px 3px 0;  -webkit-border-radius: 0 3px 3px 0;
    height: 30px;
    background-image: none;
}

#form_inputs label.checkbox{ display: block; padding-left: 7px; font-weight: normal;}
#form_inputs label.checkbox input{ margin: 10px 10px 0 10px!important; width: auto!important;}
#form_preview .letter{ border: 2px solid #000; padding: 50px; }
#form_preview .letter h3{ text-align: center; margin: 30px 0 70px 0;}
#form_preview .letter p { line-height: 26px;margin-bottom: 30px; }
#form_preview .letter .outputBind {border-bottom: 1px solid; display: inline-block; min-width: 156px; padding: 0 10px; }
#form_preview .letter .outputBind.sm{min-width: 50px;}
.text-center{text-align: center;}

.input_30 .fr .label_tooltip{
    right: 136px;
    margin-top: 19px;
}
.w200{ width: 200px; }

.is_couvert {
    margin-left: 8px;
    width: 10px !important;
}

.is_couvert:first-child {
    margin-left: 0;
}
.radio_label{ margin-top: 0;}
.radio_label .label_tooltip{
    margin-left:30px;
    right: auto;
}
.help-inline:before{content:" . "}
.help-inline{ display: block; }

/** SPINNER **/
.spinner {
    margin: 0px -20px;
    position: absolute;
    text-align: center;
    width: 100%;
    background-color: rgba(255,255,255,0.8);
    z-index:100;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #008000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

h1 {
    font-weight: normal;
}

@media screen and (max-width: 1010px) {
	.p_createfiche #content .fr, .p_createfiche #content .fl { float: none !important; }
	#percent{margin-top:0; margin-bottom: 10px;}
	.p_createfiche #form_inputs, #popin_tooltip { width: 95% !important; }
	.p_createfiche #content .bg_white #form_preview { width: 100% !important; }
	#popin_tooltip { left: 20px; }
}

@media screen and (max-width: 565px) {
	.p_createfiche #form_inputs, #popin_tooltip { width: 90% !important; }
}


@media screen and (max-width: 495px) {
	#form_preview{ display: none; }
	.p_createfiche #form_inputs, #popin_tooltip { width: 85% !important; }
}