/* -------------------------------------------------------------- 
  
   layout.css
   * Cascaded Style Sheet
   * Author : Denis Fongue
   
   This file defines the grid of the website
   
-------------------------------------------------------------- */

/* GENERAL *****************************************************
****************************************************************/

html {width:100%}

	body {position:relative;}

		#header-wrapper {padding-bottom: 1em}
		#header {height: 30px; overflow:hidden; padding: 0 1.2em} 

		#wrapper {clear:both}

		#top {overflow: hidden; padding:0 1.2em .8em;}
		#container {overflow: hidden; padding: 0 1.2em 0 0}

		#left-sidebar {float: left; width: 198px; padding: 1.6em 0 0 1.2em}
		#right-sidebar {float: right; width: 180px; padding-top: 7.4em}
			
		#center {overflow: hidden; padding: 1.6em 1.6em 0;}
		
		#footer {clear: both; padding: 1.6em 1.2em .8em;}
		
/* GLOBAL ******************************************************
****************************************************************/
#container p {margin-bottom: 1.333em}
		
/* HEADER ******************************************************
****************************************************************/
h1 {float:left}
	h1 img {padding-right:13px; margin-top: 6px}
	#header-title-pre canvas {margin-top:-5px}
	#header-title canvas {margin-top:-3px}
	
#user-info {float:right; margin-top: 7px}
#user-info li{display:inline; margin-left: 10px ; padding-left: 19px}

div#back-website{float: left; margin:7px 0 0 1.333em;}	
div#back-website a{display: block; padding: 1px 16px 1px 6px}


/* TOP *********************************************************
****************************************************************/
#admin-icon-menu {margin-right: 180px;}
#admin-icon-menu li {float:left; margin:1.2em 1.2em 0 0 ; vertical-align: top; width:90px;}
#admin-icon-menu li:first-child {padding-right:86px; width:110px; }
	#admin-icon-menu li a{display:block; padding-top: 50px;}
	
#tools{float: right; width: 180px; margin-top: 1.2em;}
#tools form {margin: 0}
	#search div {display: inline}
	#search div.form-item {padding: 0}
	#search div.form-item input {width: auto; height: 18px; vertical-align: top}
	#search input.form-text {padding: 1px 0}
	#search input.form-submit{padding: 2px; vertical-align: top; clear: none}

/* LEFT-SIDEBAR ************************************************
****************************************************************/
.sidebar .block {margin: 0 18px 1.231em 0; padding: 8px}
	.sidebar .block .content {margin-top: 8px}

.block ul {padding: 0}
.block ul.menu li {margin: 0}
.block ul.menu ul.menu li {padding-left: 1.333em;}
.block li.expanded ul.menu {margin: .667em 0.667em 1.333em }


/* RIGHT-SIDEBAR ***********************************************
****************************************************************/

#madeinlune-menu {margin-bottom: 3.2em}
#madeinlune-menu li{margin-left: 1em}
#madeinlune-menu li.active {margin-left: 0}
#madeinlune-menu li.active a {padding-left: 1em}
	#madeinlune-menu li a{display: block; width: 100%; height: 100%;}

/* CENTER ******************************************************
****************************************************************/

#breadcrumb a, #breadcrumb span {padding:0 10px 0 20px; }

div.messages {padding: 8px 4px; margin: 1.333em 0}
	div.messages li + li {margin-top: 1.333em}
	
	ul.tabs {margin:1.333em 0 0; padding:0;height: 20px}
	ul.tabs li {margin-right:.833em; height: 20px}
	ul.tabs li a{ margin:0; padding: 5px 10px}
	
	ul.secondary li{float: left; padding: 0; margin-bottom: 1em}
	
h2 {margin-top: 16px}
h2 span + em {margin-left: 6px}
#content .admin-panel h3 {margin-top: .667em}
#content h3 {padding: .667em}

#content {clear:both; margin-top: .667em}

/* FOOTER ******************************************************
****************************************************************/
#footer .signature {display: block; width: 50%; align : left; float: left}
#footer .drupal-credit {display : block; text-align : right}



/* NODE */
.meta {padding-bottom: 1.333em}

/*ADMIN PANEL*/
div.admin {padding-top: 0}
	div.admin .left {margin: 0 1.333em 0 0;}
	div.admin .right {margin: 0}
	div.admin .left, div.admin .right {width: 48.5%}
div.admin-panel {padding:0; margin-bottom: 16px}
	div.admin-panel .body {padding:0}
	div.admin-panel h3 {padding: 8px 0}
	div.admin-panel .description {padding: 0}

.admin-list, .node-type-list {overflow: hidden;}
.admin-list dt, .node-type-list dt {float:left; clear:left; padding:8px 0; }
.admin-list dd, .node-type-list dd {padding:8px 0;}
	
	.admin-list dt, .node-type-list dt {width: 196px;}
	.admin-list dd, .node-type-list dd {margin-left:212px;}
		.admin-panel .admin-list dt {width: 48.5%;}
		.admin-panel .admin-list dd {margin-left:51.5%;}

/*COMPACT LIST + CONTENT-OVERVIEW-LINKS*/
.compact-link, .content-overview-links {margin:0 0 0.667em; overflow: hidden}
	/* .compact-link {margin-top: -1.333em} */
	.compact-link a, .content-overview-links a {float:right; padding: 4px 6px}

/*FORMS & TABLES*/
form {margin-top: 1.333em}

fieldset, html.js fieldset.collapsed {margin-bottom: 1.333em}
fieldset {padding: .667em}

	div.form-item,
	.container-inline-date .form-item,
	div.file-embed-actions {clear:both; margin:0; overflow:hidden; margin: .667em 0 1.333em; }
	
	fieldset div.form-item, div.node-form .form-item {margin-top: 0;}
	
	div.form-item div.form-item, dl.multiselect div.form-item, div.form-checkboxes div.form-item, div.form-radios div.form-item{padding: 0; margin: 0}
	
	div.form-item label,
	div.teaser-checkbox,
	div.file-embed-actions,
	div.filefield-upload {clear:left; width: 47.8%;}
	div.form-item input	{clear:left; float:left; padding: 3px 0;  width: 47.8%;}
	
	div.container-inline {overflow: hidden}
	div.container-inline div.form-item input, div.container-inline div.form-item select {float: none; clear: none}
	
	div.form-item input.form-radio, div.form-item input.form-checkbox, div.form-checkboxes div.form-item label, div.form-radios div.form-item label {float:left; width: auto; padding: 2px 6px 3px 6px; margin-right: 1em}
	
	div.form-item input.form-submit, div.form-item input.form-file, input.form-submit, input.form-file, div.file-embed-actions a, div.filefield-upload div.form-item input {width: auto; padding: 2px 6px 3px 6px;}
	
	div.resizable-textarea, div.form-checkboxes, div.form-radios {clear:left; float:left; margin: 0; width: 47.8%}
	div.resizable-textarea textarea {resize:none}
	
	span.mceEditor {float: left; width: 47.8% !important}
	
	div.form-item div.description {float: right; margin-bottom: 0; width: 48.5%; }
	div.description {margin-bottom: 1.333em}
	
	/*node-form*/
	div.node-form > input {margin-right: 1em}
	
	div.node-form .form-text, div.node-form div.resizable-textarea, div.node-form textarea,
	div.node-form fieldset .form-text, div.node-form fieldset div.resizable-textarea, div.node-form div.widget-edit div.form-item .form-text {width: 47.8%}
	
	div.form-item select, div.form-item label.option {clear:left; float:left; width: auto}
	
	/*date*/
	div.container-inline-date .form-item .form-item {float: none}
	div.container-inline-date .form-item .form-text {float: left; clear: left; width: 47.8%}
	
	/* File attachements */ 
	div#file-attach-wrapper {overflow: hidden; position: relative}
	div#file-attach-wrapper > div:first-child {margin: 0}
	div#file-attach-wrapper > div:first-child  div.description{float: none; position: absolute; right: 0}
	div#edit-attach-saved-wrapper {margin-bottom: .667em}
	div#edit-upload-wrapper {margin-top: .667em; padding-top: 1.333em}
	
	/* Image cache */
	div#field-image-cache-items, div.content-add-more {margin-bottom: 1.333em}
	
	/* Images et files */
	
	.filefield-element .widget-edit {max-width: none; float: none; margin-left:38px}
	.draggable .filefield-element .widget-edit, .draggable .filefield-element .widget-preview {margin-left:0}
	.draggable div.form-item, .draggable div.form-item input {clear: none}
	.draggable div.form-item input.form-submit {clear: left}
	.filefield-element .widget-edit .form-item{width: 100%}
	.filefield-sources-list {margin-bottom: 1.333em}
	
	.filefield-upload {float:left; clear:left}
	div.filefield-upload input[type=file], div.filefield-source input[type=text] {margin-bottom: .667em}
	.filefield-element {margin: 0 0 1.333em ; padding: .667em 0 }
	.filefield-element .widget-preview { margin-left: 30px}
	 {margin-left: 0}
	div.widget-preview + div.widget-edit input.form-submit {/* margin: .667em 0 .667em */ clear:none; }
	
	div.date-container div.select-container, div.date-container div.custom-container {float: none}
	.container-inline-date .description {clear: none}
	
	td div.form-item {padding: 0}
	
	div#edit-site-403-wrapper label, div#edit-site-404-wrapper label {margin-bottom:.667em }
	tr.content-add-new input.form-text {width: auto}
	div#edit-site-403-wrapper div.description, div#edit-site-404-wrapper div.description, tr.content-add-new div.description {float:none; width:auto }
	
	/*BUTTON*/
		div.teaser-button-wrapper {padding-right: 0}
	/* boutons li� au champ description*/
		div.teaser-checkbox, div.file-embed-actions {overflow: hidden;}
		div.teaser-checkbox div.form-item {margin: 0}
		div.file-embed-actions a {float: right; display: block}
		div.teaser-checkbox div.form-item label {clear: none; float: none}
		div.teaser-checkbox div.form-item input {width: auto}


	/*TABLES*/
	table {margin:1.333em 0}
	
	legend {margin-left:28px;}
		
	thead th{height: 28px;}
	thead a {display:block; width: 100%; height:100%; padding-top:6px}
		
	thead th:first-child, tr td:first-child {padding-left: 8px}
	thead th.active a img {margin-left: 6px}
	
		td {padding: 8px 8px 8px 0}
		td > a {display: block; width: 100%; height: 100%}
			td > a.tabledrag-handle {display: inline; width: auto}
	
	
	table.update {margin: 0}
	table.sticky-header {z-index: 1}

/*Pager*/
.item-list {margin-top: 1.667em}
.item-list .pager li {padding: 0}
.item-list .pager li.pager-current, .item-list .pager li a {padding: 2px 6px 3px 6px;}

/*Views*/
#views-ui-list-views-form div.form-item {clear: none; width: auto; padding: 0; margin-right: 1.333em}
#views-ui-list-views-form div.form-item label {width: auto}
#views-ui-list-views-form > div {overflow: hidden}

table.view-enabled td.view-name a, table.view-enabled td.view-ops a{display: inline}

#edit-views-apply, #edit-views-reset {margin-top: 1.545em}

	/*View's edit form*/
	#views-add-display-form, #views-ui-analyze-view-button, #views-ui-config-item-form {margin-top: 0; padding: .667em 0}
	#edit-display-wrapper {padding: 0 0 .667em}
	
	#views-ajax-form {margin-bottom: 1.333em}
	#views-ajax-pad .form-buttons .form-submit { margin: 0; padding: 2px 6px 3px}
	#views-radio-box {width: 100%}
	
	/*ubercart*/
	.node-form fieldset.product-field table {width: 100%; margin-bottom: .667em; padding: .667em}
	.node-form fieldset.product-field table div.form-item div.description {float: left; clear: left; width: auto}
	.node-form fieldset.product-field .form-text {margin-right: 6px}
	.node-form fieldset.product-field td {padding: 0}
	

/*SEARCH*/		
.search-advanced .criterion {margin-right: 1.333em;}
.criterion div.form-item label, .criterion div.form-item input, .criterion div.form-checkboxes, .criterion div.form-radios {width: auto;}
.criterion div.form-item select {width: 219px}

body.search div#content div.content {margin-top: 1.333em; padding: .667em}

/*LISTS*/
ul.menu li {margin:0 0 0 1.333em; padding: 0}
.item-list li {margin: 0 0 0 1.333em;}

/*PROFILE*/
.profile {margin:1.333em 0}
.profile dl{margin: 1.333em 0}
		
/*REPORTS*/
body.admin-reports td a {display: inline}
div.update {margin-bottom: 1.333em}
table.update, .update table.version {margin:.667em 0; padding:.667em 0 } 
	
/*HELP PAGE*/
.help-items {padding-right: 16px; width:196px}
.help-items-last{width: auto}

/*WARNING*/
div.warning {padding: 8px 4px; margin-bottom: 1.333em}