/******************************************************************************************/
/* Global */

input[type="submit"] { /* Change le curseur sur les boutons submit */
	cursor: pointer;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
}

div.fastMessage {
	border: medium solid #00FF00 ;
	border-radius:25px;
	background-color: #AAFFAA;
	width: 50%;
	height: 50px;
	z-index: 10 ;
	position: absolute;
	left: 25%;
	top: 25px;
	text-align: center;
	padding-top: 10px;
	color: #0000FF;
}

/******************************************************************************************/
/* Form */

form div.FormItem {
	padding-top: 5px;
}

form label {
	display: block;
	width: 25%;
	float: left;
	border-bottom: thin solid #DDDDDD ;
}

form input.button{
	width: 150px;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-size: auto 30px;
	background-position: 5px center;
	background-color: #CCCCFF;
	height: 50px;
}

form input.update {
	background-image: url('update.gif');
}

form input.delete {
	background-image: url('delete.png');
}

form input.cancel {
	background-image: url('cancel.png');
}

form input.addNew {
	background-image: url('add.png');
}

form input.modify {
	background-image: url('edit.png');
}

form input.export {
	background-image: url('export.png');
}

form input.goback {
	background-image: url('goback.png');
}

form input.categoriesIcon {
	background-image: url('categories.png');
}

form input.semaineIcon {
	background-image: url('semaine.png');
}

form input.alignRight {
	text-align: right;
}

form input.form-invalid-input {
	background-color: #FF0000;
}

div.formInfo {
	overflow: auto;
	border: thick solid #DDDDFF ;
}

div.formDoubleColumn {
	overflow: auto;
	border: thick solid #DDDDFF ;
}

div.formDoubleColumn > div {
	float: left;
	padding: 2px;
}

div.formDoubleColumnCol {
	width:43% ;
}

div.formDoubleColumn select {
	width: 100%;
	height: 200px;
	box-sizing: border-box;
}

div.formDoubleColumnLabel {
	font-size: small;
	font-weight: bold;
	width: 40%;
}

div.formDoubleColumnBtns {
	margin-top: 25px;
	width: 12%;
}


/******************************************************************************************/
/* Login */

div.login {
	width: 50%;
	margin: auto;
	padding: 10px;
	padding-top: 200px;
	padding-bottom: 30px;
	background-image: url('logo.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 200px;
}

div.login label {
	display: block;
	width: 25%;
	float: left;
	border-bottom: none;
}

div.login input {
	width: 74%;
}

div.login input[type="submit"] {
	margin-top: 15px;
	width: 25%;
	float:right;
}

div.login p.title {
	font-weight: bold;
	text-decoration: underline;
}

p.errorMsg {
	color: #FF0000;
	font-weight: bold;
}

span.errorMsg {
	color: #FF0000;
	font-weight: bold;
}

/******************************************************************************************/
/* Panneau utilisateur */

div.userPannel {
	border: medium solid #0000FF ;
	border-radius:10px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 110px;
	background-image: url('logo.jpg');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 35px;
	margin-bottom: 10px;
}

div.userPannel p {
	margin: 0px;
}

div.userPannel div.hello {
	width: 50% ;
	display: inline-block;
}

div.userPannel div.logoutBtn {
	float: right;
	padding-right: 10px;
}

/******************************************************************************************/
/* Contenu principal */

div.globalcontent {
}

div.mainMenu {
	width: 190px;
	float: left;
}

.maincontent{
	overflow: auto;
}

/******************************************************************************************/
/* Menu general */

.sidebarmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 13px Verdana;
	width: 180px; /* Main Menu Item widths */
	border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
	position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: white;
	text-decoration: none;
	padding: 6px;
	border-bottom: 1px solid #778;
	border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
	background-color: #00a4c7; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
	color: white;
}

.sidebarmenu ul li a:hover{
	background-color: #0000FF;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
	position: absolute;
	width: 170px; /*Sub Menu Items width */
	top: 0;
	visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
	background: url(menuArrow.gif) no-repeat 97% 50%;
}

/******************************************************************************************/
/* Modules */

div.module div.title {
	border: solid #AAAAFF ;
	border-radius:10px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: underline;
	color: #00a4c7;
	font-variant: small-caps;
}

div.module div.subSection {
	border: solid #DDDDFF ;
	border-radius:10px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 10px;
	text-decoration: underline;
	color: #00a4c7;
	font-variant: small-caps;
}

/******************************************************************************************/
/* MiniPannel */

div.miniPannel {
	border: solid #FFAAAA ;
	border-radius:10px;
	margin: 1%;
	margin-top: 5px;
	margin-bottom: 0px;
	width: 46%;
	padding: 5px;
	float:left;
}

div.miniPannel div.miniPannelTitle {
	font-weight: bold;
	color: #00a4c7;
	font-variant: small-caps;
}

div.miniPannel div.miniPannelTitle  a:link, div.miniPannel div.miniPannelTitle  a:visited {
	color: #00a4c7;
}

div.miniPannel div.miniPannelContent {
	padding-left: 10px;
	font-size: small;
}


/******************************************************************************************/
/* Tables */

table {
/*	border: medium solid #000000;*/
	width: 100%;
}

td {
	border-bottom: thin solid #6495ed;
}

th {
	border: thin solid #FF0000;
}

tfoot td {
	border: none;
	text-align: center;
}

tfoot a.prev {
	padding-right: 10px;
	padding-left: 32px;
	background: #fff url(previous.png) left center no-repeat;
}

tfoot a.next {
	padding-left: 10px;
	padding-right: 32px;
	background: #fff url(next.png) right center no-repeat;
}

/******************************************************************************************/
/* Achats */

div.tableAchats {
	border: thick solid #DDDDFF ;
	clear: left;
	margin-bottom: 5px;
}

div.tableAchats tfoot {
	text-align: center ;
}

div.tableAchats td {
	padding: 0 0 0 0 !important;
}

div.tableAchats td form div.FormItem {
	padding: 0 0 0 0 !important;
}

div.tableAchats  .fltrow input.flt {
	height: 20px;
	margin: 5px;
	width: 25%;
}

div.tableAchats  .tableTitle {
	background: #FFDDDD;
	font-weight: bold;
	padding: 3px;
}

div.achatCatSelection  {
	float: left;
	text-align: right ;
	width: 40%;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: auto;
	padding: 10px;
	padding-top: 5px;
	background: #EEEEFF;
}

div.achatCatSelection label {
	width: 25%;
	font-weight: bold;
	width: auto;
	border: none;
}

div.achatCatSelection select {
	width: 75%;
}

table.achats-categories {
	padding-top: 10px ;
}

form input.addNewAchat {
	background-image: url('add.png');
}

form input.listeCourses {
	background-image: url('listeCourses.png');
}

form div.nbValInput input {
	width: 150px;
	float: right;
}

form input.nbValButton{
	width: 100x;
	float: right;
	margin-right: 10px;
	height: 25px;
}

div.nbValUnit div.formInfo {
	float: right;
	margin-left: 5px;
	border: none ;
	width: 150px;
}

div.nbValLabel div.formInfo {
	float: left;
	border: none ;
}

div.nbValInput input {
	text-align: right ;
}


/******************************************************************************************/
/* Users */

div.userGrpSelection  {
	float: left;
	text-align: right ;
	width: 40%;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: auto;
	padding: 10px;
	padding-top: 5px;
	background: #EEEEFF;
	}

div.userGrpSelection label {
	width: 25%;
	font-weight: bold;
	width: auto;
	border: none;
}

div.userGrpSelection select {
	width: 75%;
}

table.users-groups {
	padding-top: 10px ;
}

/******************************************************************************************/
/* Recettes */

div.recetteCatSelection  {
	float: left;
	text-align: right ;
	width: 40%;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: auto;
	padding: 10px;
	padding-top: 5px;
	background: #EEEEFF;
}

div.recetteCatSelection label {
	width: 25%;
	font-weight: bold;
	width: auto;
	border: none;
}

div.recetteCatSelection select {
	width: 75%;
}

table.recettes-categories {
	padding-top: 10px ;
}


form input.addNewRecette {
	background-image: url('add.png');
}

table.recettes_semaine td {
	border-bottom: none;
	width: 14%;
}

table.recettes_semaine td.recettes_semaine_jour {
	border-right: thin solid #6495ed;
}

table.recettes_semaine td.recettes_semaine_jour_titre1 {
	text-align: center;
	font-weight: bold;
	background: #EEEEFF;
}

table.recettes_semaine td.recettes_semaine_jour_titre2 {
	text-align: center;
	background: #EEFFEE;
}