html,body{
	margin:0;
	padding:0;
  border:0;
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
	background-color: #b5b5b5;
}
h1,h2,h3 { margin: 0.4em 0; display:inline-block;}
a {
	color: #000;
}
.clear{
  clear:both;
  height:0px;
  overflow:hidden;
  line-height:0%;
  font-size:0px;
}
* html .clear{height:auto;margin-bottom:0}

.errorMsg {
	color: #f00;
	font-weight: bold;
}
.b {
	font-weight: bold;
}
.error {
	font-weight: bold;
	color: #f00;
}
.fright {
	float: right;
}

#header {
	/*margin:0 auto;
	width:80%;*/
	position: relative;
	/*background: #c9242c url(../images/head-fade-bk-50.png) repeat-x top left; */
	background-image: url(../images/logo_1.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position:top left;
	padding: 10px 0;
	color: #050607;
	height:50px;
	font-weight:100;

}
#login{width:400px;margin:10% auto;padding:20px;position:relative;}
#login img{position:absolute;top:10px;left:50%;margin-left:-75px;border-radius:6px;border: 1px solid #797979;}
#login > div > form > div{margin-top:100px;list-style-type: none;margin-left:0;padding-left:0%;width:100%;position:relative;}
#login .ident input{
    border-radius:6px 6px 0 0;
    border: 1px solid #797979;
    color: #757575;
    font-size: 18px;
    padding-left: 45px;
    background-color: #ffffff;
    background-image: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    width: 355px;
    height:55px;/* width:25em;height:55px;border:1px solid grey;border-radius:6px 6px 0 0;padding-left:5em;background-color:#fff;color: #757575;font-size: 18px;*/}
#login .ident span{color: #ccc;font-size:24px;left:10px;position:absolute;top:17px;}
#login .pass input{border-radius:0 0 6px 6px;border: 1px solid #797979;color: #757575;font-size: 18px;padding-left:45px; background-color: #ffffff; background-image: none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;width:355px;height:55px;/*width:25em;height:55px;border:1px solid grey;border-radius:0 0 6px 6px;padding-left:5em;background-color:#fff;color: #757575;font-size: 18px;*/}
#login .submit input{border-radius:6px;border: 1px solid #797979;color: #fff;font-size: 18px;text-alin:center; background-color: #db2129;width:400px;height:55px;margin-top:20px;}
#login .pass span{color: #ccc;font-size:24px;left:10px;position:absolute;top:77px;}

/*#menu, #page{
	margin:0 auto;
	width:80%;
	box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.5);
}*/
#medal{height:60px;width:85%;}

#page h2{margin:25px 0 25px 0px;font-size:30px;text-align:center;width:100%;}
#header h1 {margin-left:165px;}
.header_form {text-align:center;font-size:16px;font-weight:bold;}
.part{background-color:#e9e9e9;margin:5px;border: 1px solid #ccc;padding-bottom:15px;}
.part > table > tbody > tr > td > select, .part > table > tbody > tr > td > input {margin-bottom:10px;}
.part > p > img {border:1px solid #ccc;display: block;margin-left: auto; margin-right: auto;margin-top:20px;}
/*.part > p #logoIphone{border:1px solid #ccc;display: inline;margin:20px 10px 0;}*/
.part > p > #btn_charge_photo, .part > p > #btn_charge_logo{display: block;margin-left: auto; margin-right: auto;margin-top:0px;border:1px solid #ccc;background-color: #db2129;border-radius: 5px;color: #fff;height: 25px;}
.sep{width:7px;}
form.cmxform .section, #reportForm .section{font-weight:bold;font-size:15px;margin:0 0 0 7%;}
.ligne{color:#fff;margin:5px 0 0 7%;width:86%;}
.info{font-style:italic;font-size:12px;}
.text_photo{text-align:center;margin:0;}

.ui-widget-header .formulaire{text-decoration:none;padding:7px 15px;margin:0 0 0 -5px;}
.ui-widget-header .formulaire_active{text-decoration:none;padding:7px 15px;margin:0 0 0 -5px;background-color:#e9e9e9;color:#333;}
#appsTable tr.odd td.sorting_1, #usersTable tr.odd td.sorting_1  {background-color: #cfcece;}
#appsTable tr.odd, #usersTable tr.odd {background-color: #e9e9e9;}
#appsTable tr.even td.sorting_1,#usersTable tr.even td.sorting_1 { background-color: #e0dcdc;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: grey;font-style : italic;}
::-moz-placeholder { /* Firefox 19+ */color: grey;font-style : italic;}
:-ms-input-placeholder { /* IE 10+ */color: grey;font-style : italic;}
:-moz-placeholder { /* Firefox 18- */color:grey;font-style : italic;}

.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: 0.1em 0.5em 0.1em 2.1em;
}
.ui-corner-all {
    border-radius: 4px;
}

#header a.right{
	display: block;
	position: absolute;
	color: #db2129;
	bottom: 17px;
	right: 20px;
	padding:7px;
	text-decoration:none;

    border:1px solid #db2129;
}
.ui-widget-header {
	/*background:url("../css/black-tie/images/ui-bg_diagonals-thick_8_333333_40x40.png") 50% 50% repeat #333333;*/
  background:#db2129;
  border:none;
  color:#EEEEEE;
  font-weight:bold;

}
#page .ui-widget-header {
	/*background:url("../css/black-tie/images/ui-bg_diagonals-thick_8_333333_40x40.png") 50% 50% repeat #333333;*/
  background:#db2129;
  border:1px solid #b8b8b8;
  color:#eee;
  padding:7px 5px;
  font-weight:bold;

}
#menu > .ui-widget-header {height:50px; padding:5px 0 3px;width:100%;}
#menu > ul > li {height:56px;border-radius:none;margin-top:-5px;}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 17px 0 3px;
    margin:0 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li a:active {
    float: left;
    padding: 17px 0 3px;
    margin:0 1em;
}
/*.ui-tabs .ui-tabs-nav li {
    border:none;
    float: left;
    list-style: outside none none;
    margin: 0 0 1px 0;
    /*border-left:1px solid #fff;*/
 /*   padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
}*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #db2129;
    border: none;
    color: #e3e3e3;
    font-weight: normal;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #fff;
    color: #db2129;
    border-bottom:4px solid #db2129;
    font-weight: normal;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #db2129;
    border-bottom: 2px solid transparent;
    -moz-border-image: -moz-linear-gradient(right, #db2129 50%, #fff 51%, #fff 100%);
    -webkit-border-image: -webkit-linear-gradient(right, #db2129 50%, #fff 51%, #fff 100%);
    border-image: linear-gradient(to left, #db2129 50%, #fff 51%, #fff 100%);
    border-image-slice: 1;
}
.ui-widget-content {
    background: #fff;
    border: 1px solid #ccc;
    border-top:20px solid #db2129;
    color: #222;
}
.ui-corner-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#footer {
	border-top: solid 1px #999;
	text-align: center;
}
div#menu {
	padding:0;
        background: #db2129 none repeat scroll 0 0;

}
#page {
	background-color: #fff;
	padding: 0px;
}

#loader {
	top:0px; left:0px;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ffbb55 url(../images/ajax-loader.gif) no-repeat center center;
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
	display: none;
}

form#auth table td.b {
	font-weight: bold;
	text-align: right;
}

div.mbox555 {
	background: #fff url(../css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) repeat-x top left;
	border:
}
.biggray {
	font-weight: bold;
	font-size: 250%;
	line-height: 300px;
	text-align: center;
	color: #cecece;
}
.listRecette { list-style-type: none; margin: 0; padding: 0; margin-right: 10px; padding: 5px; width: 480px; }
.listRecette li { margin-top: 1px; padding: 5px; width: 470px; position: relative;}
#menuRecette { list-style-type: none; margin: 0; padding: 0; margin-right: 10px; padding: 2px; width: 120px; }
#menuRecette li { margin-top: 1px; padding: 2px; width: 120px; position: relative; font-size:10px;}


/** JQuery UI customisation **/
.listRecette .ui-icon { display: inline-block; }
.listRecette .draggable .ui-button { width: 2em; float:right; margin:0px; margin-top:-4px; }
.listRecette .draggable .ui-button span { padding: 0px; }
.ui-sortable li { cursor:move; }
.mwidget > div.ui-widget-header { padding: 0 6px }
.mwidget > div.ui-widget-content { padding: 20px 7px }
div.mwidget { margin: 0 5px 5px 5px; }
td.date-active a.ui-state-default { background-color: #deffde; background-image: none; color: #000;}
.datePicker {}

.ui-datepicker-calendar td.red a.ui-state-default{
	background: #FFE4DF;
	color: #000;
}
.ui-datepicker-calendar td.green a.ui-state-default{
	background: #E7FFDF;
	color: #000;
}
.ui-datepicker-calendar td.orange a.ui-state-default{
	background: #ffffcc;
	color: #000;
}



/**********************************
Use: cmxform template
***********************************/
form.cmxform fieldset {
	margin-bottom: 10px;
}

form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;

}

form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}
/*form.cmxform > table > tbody > tr > td > p{margin:0 auto;width:70%;}*/

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform label {margin-left:8%;width:85%;} /* Width of labels */
#reportForm label {margin-left:8%;width:85%;line-height:24px;}
#reportForm label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}
#reportForm .nw{display: inline;}
form.cmxform .paris label {margin-left:4%;width:96%;} /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 203px; } /* Width plus 3 (html space) */
form.cmxform label.error {
	margin-left: 203px;
	width: 220px;
}

form.cmxform input.submit {
	margin-left: 203px;
}
form.cmxform select, #reportForm select{padding-left:3px;height:40px;border:1px solid grey;border-radius:5px;margin-left:7%;width:86%;}
form.cmxform #degrees, form.cmxform #details, form.cmxform #exps, #reportForm #sjobs,#reportForm #postes, #reportForm #sd_postes, #reportForm #members{height:auto;min-height:40px;padding-left:3px;border:1px solid grey;border-radius:5px;margin-left:7%;width:86%;}
form.cmxform #degrees option, form.cmxform #details option, form.cmxform #exps option,#reportForm #sjobs option, #reportForm #postes option, #reportForm #sd_postes option, #reportForm #members option{border-bottom:1px solid #e9e9e9;padding: 5px 0 5px 5px;}
#reportForm textarea{height:60px;border:1px solid grey;border-radius:5px;margin-left:7%;width:85%;}
form.cmxform .titre_group {padding:3px 0 3px 3%;background-color:#a09d9d;color:#fff;margin:0;}
#reportForm .titre_group {padding:3px 0 3px 1%;background-color:#a09d9d;color:#fff;margin:5px 0;font-weight:bold;}
form.cmxform input, #reportForm input{padding-left:6px;height:36px;border:1px solid grey;border-radius:5px;margin-left:7%;width:85%;background-color:#fff;}
form.cmxform .paris input {height:36px;border:1px solid grey;border-radius:5px;margin-left:4%;width:95%;background-color:#fff;}
form.cmxform .paris_75{margin-left:0%;}
form.cmxform .paris_info{margin-left:3%;margin-top:10px;}
form.cmxform .paris_table_h {height:20px;border:1px solid grey;background-color:#db2129;border-radius:0px;/*width:95%;*/}
form.cmxform .paris_table_h label {color:#fff;text-align:center;}
form.cmxform .paris_table {height:20px;border:0px solid grey;background-color:#fff;border-radius:0px;/*width:95%;*/}
form.cmxform .paris_table label {color:#ccc;text-align:center;}
.council p{margin-top:0;}
#fonction, #name, #sd_name, sd_fonction{margin-bottom:0px;}

#photo{height:38px;border:1px solid grey;border-radius:5px;margin-left:7%;width:84.5%;background-color:#fff;}
#btn_add, #exp_btn_add, #div_btn_add, #job_btn_add, #sd_btn_add {height:25px;float:right;margin:10px 1% 0px 0;background-color:#db2129;color:#fff;border:1px solid grey;border-radius: 5px;}
#btn_edit, #exp_btn_edit, #div_btn_edit, #job_btn_edit, #sd_btn_edit {height:25px;float:right;margin:10px 7% 0px 0;background-color:#db2129;color:#fff;border:1px solid grey;border-radius: 5px;}
#btn_del, #exp_btn_del, #div_btn_del, #job_btn_del, #sd_btn_del {height:25px;float:right;margin:10px 7% 5px 0;background-color:#db2129;color:#fff;border:1px solid grey;border-radius: 5px;}
form.cmxform .valid #validate_btn, #reportForm #validate_btn{background-color:#db2129;color:#fff;border:1px solid grey;width:20%;margin:15px 1% 0 29%;font-size:16px;font-weight:bold;}
form.cmxform .valid #cancel_btn, #reportForm #cancel_btn{background-color:#db2129;color:#fff;border:1px solid grey;width:20%;margin:15px 0 0 1%;font-size:16px;font-weight:bold;}
#reportForm .valid input{background-color:#db2129;color:#fff;border:1px solid grey;width:20%;margin:15px 40% 0;font-size:16px;font-weight:bold;}
.valid #btn_add_profil, .valid #btn_add_dep, .valid #btn_add_job, .valid #btn_add_ret,.valid #btn_add_part, .valid #btn_add_adv,.valid #btn_add_link,.valid #btn_activate_link,.valid #btn_add_org, .valid #btn_export_user {background-color:#db2129;color:#fff;border:1px solid grey;width:20%;margin:15px 40% 0;font-size:16px;font-weight:bold;padding: 5px 0;border-radius:5px;}
#btn_charge_iphone, #btn_charge_ipad, #btn_charge_android, #btn_charge_smart, #btn_charge_tab, #btn_charge_video, #btn_charge_pdf{background-color:#db2129;color:#fff;border:1px solid grey;width:auto;margin:0;font-size:12px;font-weight:bold;padding: 5px 10px;border-radius:5px;}
tr.odd .dataTables_empty{background-color: #fdd2d4;}
.ui-corner-tr {
    border-top-right-radius: 0px;
}
.ui-corner-tl {
    border-top-left-radius: 0px;
}
.header_list{background-color:#cfcece;color:black;padding:10px;border-radius:6px 6px 0 0;border:1px solid #ccc;text-align:center;font-size:14px;font-weight:bold;}

#year {width:60px;float:left;}
#exp {width:71%;float:right;margin-right:7%;margin-left:0;}
#msgImg, #msgImgiPhone, #msgImgiPad, #msgImgAndroid, #msgImgSmart, #msgImgTab{text-align:center;}
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

/**********************************
Name: cmxform Styles
***********************************/
form.cmxform {
	width: 100%;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
}
form.cmxform .vacant label{width:100px;margin-top:8px;}

form.cmxform .vacant > input{width:20px;height:20px;margin-left:0;margin-top:10px;}
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }
/* custom cmxform */
p.submit {text-align:center;}
input#image, input#image2{ border: none;}
#tabs .cmxform, #ingredientForm .cmxform {width: 100%;}